메인 페이지 맵 마커 이슈

[somfist]

Describe Trouble
마커를 맵에 등록하면 이전 마커가 삭제 되지 않고 중첩되서 쌓임

To Reproduce
어떤 식으로 문제가 발생하는지 단계로 설명

1. 주소 검색을 하여 선택 카테고리 마커 맵 등록
2. 새로운 주소를 검색하여 선택 카테고리 마커 맵 등록
3. 이전 주소를 재검색하면 기존에 마커가 사라지지 않아 중복으로 쌓임

Expected behavior
Map에 마커 등록 시 HTML Element가 생성되어 맵 Element의 하위 Element로 append 되는데 따로 삭제하는 구문을 적어줘야됨

[somfist]

해결방안
Kakao Docs상 마커 삭제는 Marker객체의 함수로 있어 좌표별 마커 생성 시 State로 별도 관리하며 필요시 State의 Marker 객체를 가져와 삭제

마커 생성 = new kakao.maps.Marker({position}).setMap(map)
마커 삭제 = new kakao.maps.Marker({position}).setMap(null)

[somfist]

마커 관련 개선 사항

• 문제 사항
  카테고리를 클릭할 때마다 좌표를 새로 받고 새로운 마커 생성 및 기존 마커 삭제를 진행하면 요청 건수도 많아지며 반복문을 계속 사용하기에 효율이 좋지 않음

• 해결 방안
  주소 검색 시 모든 카테고리의 좌표를 받아와 State에 저장 후 선택된 카테고리만 보여주는 방식으로 요청 건수 및 반복문 최소화