뭐 대단한것은 아니다.
최근에 자취방을 알아보면서 써먹은 직방에서 매물 쉽게 찾는법을 공유하고자 한다.
의도적인줄은 모르겠으니 직방에서 매물을 찾기 위해서는 지도를 옮길때마다 수시로 바뀌는 매물 목록에,
해당 매물에 대한 정보는
매물별로 각각 들어가서 봐야만 알 수 있어
집을 일일히 비교해봐야하는 소비자 입장에서 매우 불편하다.
나는 매물에 대한 정보를 쉽게 보고싶었다.
본인이 찾고하고자 하는 집의 조건은 이랬다.
1. 관리비가 없어야 한다.
2. 10평 이상
3. 회사랑 30분거리
이를 매물 하나하나 눌러가면서 비교하는것은 비효율적이다.
웹개발자라면 알겠지만 아마 매물 정보를 목록형 데이터로 보내주고 있을 것이다.
이 데이터를 가져와서 필터링하면 간단하지 않을까?
바로 실행에 옮기자.
1. 크롬에서 직방에 접속한다.
2. 개발자도구를 켠다.
오른쪽 어딘가에 매물 목록이 있을 것이다.
조회조건을 설정하고 패킷 히스토리를 클리어한다.
지도를 아주 살짝 움직여 목록을 다시 가져온다.
의심가는것을 눌러보자.
item 어쩌구를 눌러보니 아닌것 같다.
대충 근처의 랜드마크를 보내주는것 같다.
list를 눌러보니...
빙고!
직방은 list로 매물을 보내고 있었다.
이렇게 list로 필터링하니 2.3kb짜리 데이터를 보내고 있었다.
이렇게 추측할 수 있다.
'직방은 특정 갯수만큼 데이터를 잘라서 보내주고, 받은 데이터를 화면에 표시한다.'
리스폰탭에서 데이터를 복사한다.
라익 디스
이를 vscode에서 json파일에 넣은다음 '문서 서식'을 적용해주면 각각의 데이터가 무엇을 의미하는지 알게된다.
이를 엑셀에 정리해보자.
우선
{"items":[
]}
를 찾아 바꾸기로 전부 지운다.
그 다음 아래와 같이 찾아 바꾸기에서 정규식을 켜고 이렇게 바꿔준다.
줄바꿈이 된다.
그 다음에는 엑셀에 붙여넣기 위해 위와같이 탭 작업을 해준다.
":
":\t
,"
,"\t
이걸 엑셀에 그대로 붙여넣기 하면
이렇게 된다.
이제 필요없는 컬럼을 지우고, 타이틀을 붙여주면 보기 편할 것이다.
대충 이렇게 완성되고, 쓸모없는 문자만 엑셀에서 모두 바꾸기로 지워주면 된다.
정리된 모습.
이제 여기에 필터를 걸어주고 내가 찾고자 하는 조건을 넣어보자.
1. 반지하는 안됨.
2. 관리비 무료
3. 보증금 1억 3천 이하
4. 10평 이상
필터링해보니 90개 중 15개만 내가 원하는 조건에 맞는 방이다.
그렇다면 이 방을 직접 보고싶다면 어떻게 해야할까??
직방에는 해당 방에 대한 URL복사하기 기능을 제공하고 있다.
복사한 URL은?
이렇게 되었다.
뒷부분은 빼고 zigbang.com/home/villa/items/25133046로 접속이 되는지 확인
물론 잘됨.
아까 엑셀에 남겨놓았던 정보 중에 등록번호가 있었을 것이다. 이를 엑셀 수식을 이용해서
url을 생성할 수 있다.
저 링크에 접속하면 저 방을 볼 수 있다.
마지막으로 회사에서 저 집까지의 거리를 알고싶다.
아쉽게도 직방에서 해당 매물의 실제 위치를 제공하지는 않는다.
단 근처의 위도,경도를 제공하고 있다.
이를 카카오맵에서 찾아보자.
위도, 경도를 통해 특정 위치의 정보를 3단어로 보여주는 사이트가 있다.
이 사이트에 get형식으로 요청을 할 수 있는데,
이렇게 생성된 3개의 단어를 카카오맵에서 그대로 사용할 수 있다.
(왜인지는 모르겠음)
????????????
여튼 이걸 통해
매물이 회사랑 얼마나 떨어져있는지 알 수 있다.
모두 좋은 방 구하길 빈다
참고로 다방도 마찬가지이다.
그럼 20000
'개발자 이야기' 카테고리의 다른 글
| 웹 컴포넌트에 대하여. -polymer, LitElement의 목적과 장점- (0) | 2021.01.06 |
|---|---|
| 웹 컴포넌트에 대하여. -정의, 주요 3요소- (0) | 2020.12.29 |
| 당근마켓의 바이럴 마케팅 (1) | 2020.11.25 |
| 알고리즘 공부는 바킹독만 알아도 된다. (0) | 2020.09.30 |
| 나태한 마인드 때문에 걱정만 하고 행동하지 않는 사람을 위한 어플 추천 (2) | 2020.09.25 |
