다른 페이지에서 NavBar적용 시 배경색이 해당 페이지의 배경색을 따라가기 때문에 배경이 희색일 경우 보이지 않음
css scoped로 해당 페이지에서는 다른 배경색으로 적용시키 주려 했지만 실패해서 일단 HeaderNav.vue를 App.vue에서 빼고 각 페이지에서 import하는 식으로 변경했습니다.
다른 방법 아시면 공유해주세요!

5.18일 작성

1. Home에서 동 검색 시 select된 동을 state에 저장하고, searchView로 이동 -> serachView에서는 직전에 저장한 state값이 설정 되어있도록

2. 검색 완료 후 해당 동으로 맵 center 이동

3. 검색된 아파트나 맵위의 마커를 클릭 시 해당 아파트의 매매정보를 출력할 모달창 만들 것 -> selected된 houseDeal 정보를 state로 관리 -> Modal open 시에 현재 house state의 매매 정보를 출력할 것

4. searchView 좌측 리스트의 height 고정시키고 스크롤을 추가하여 아파트 리스트를 스크롤 내리면서 볼 수 있도록 할 것
   => Infinite scroll

5. 아파트 이름 검색
   -> spring에 아파트 이름과 동을 함께 사용해서 검색할 수 있도록 하기 위한 로직들 추가할 것
   --> vue에서 검색버튼 활성화 조건 수정
   ---> 1. 아파트 이름이 공백이 아닌 경우
   ---> 2. 동까지 select한 경우
   ---> 3. 아파트와 동을 모두 select한 경우
   ===> 2,3번만 채택

6. 검색 결과가 없으면 데이터가 없다는 메시지를 사용자에게 줄 것

7. 검색 결과 아파트를 클릭하면 해당 동이 맵의 센터가 되도록
   고민되는 부분
   맵에 아파트 렌더링

8. 일단 전체 아파트 렌더링을 한 이유
   유저의 입장에서 특정 동만 파악할 수도 있지만, 여러 동을 파악할 경우 매번 동을 바꿔가며 검색해야하는 불편이 발생
   전체를 렌더링하면 관심있는 하나의 동으로 검색해서 주변 동네 아파트를 마우스 이동만으로 정보 파악 가능
   다만 특정 지도 확대 레벨에서 클러스터링 형성으로 인한 버퍼링 발생
   -> 다른 지역 데이터를 추가하면 더 심해짐

대안

1. 검색된 특정 동에 위치한 아파트만 렌더링 --> 데이터를 확보해서 이걸로 (5.20)
2. 검색된 시,구에 위치한 아파트만 렌더링
3. 검색된 도, 시에 위치한 아파트만 렌더링 -> 현재 서울의 데이터만 존재하기 때문에 기존과 차이가 없음

5.20 18시 기준 완료

1. searhView UI
2. 맵에 마커 추가
3. 동으로 아파트 검색
4. Home에서 검색UI
5. 맵 아파트 마커 클릭 시 센터 이동

5.20 추가 사항

1. 검색 페이지에서 나의 홈, 관심 아파트 탭 추가할 것
2. 카카오 검색 api활용-> 주변 시설 렌더링
3. (+) 선택된 두 개의 아파트를 비교(시세나 주변 시설)
4. (+)시간 남으면 지도 현위치 버튼 추가 -> 현재 위치를 state로 관리