[TIL/React] 2024/08/13

✅ 강남(=특정 지역)으로 이동

1. 강남 버튼을 클릭하면 moveToGangnam 버튼이 호출됨
2. map이라는 조건을 기준으로, 강남의 위도 및 경도를 통해 중심화 및 zoom이 이루어짐
3. map은 handleMapReady 함수의 실행 결과
4. handleMapReady는 NaverMap 컴포넌트에서 onMapReady라는 props명으로 동작
5. initializeMap 함수에서 onMapReady 함수를 실행
6. 이때, onMapReady 함수에 newMap, 즉 사용자 위치 기반 지도 인스턴스를 전달
7. moveToGangnam에서는 setCenter와 setZoom 메서드를 통해 해당 지도 인스턴스를 강남 버전으로 업데이트

✅ 구현 결과물

next

1. 동작구, 서대문구 등도 적용되야 함
2. 즉, 특정 위치에 대한 데이터를 파라미터로 전달받아서, 동일한 로직을 처리할 수 있는 hook이 요구됨
3. UI/UX를 어떤 식으로 구성할 것인지에 대한 기획이 필요함
4. 버튼과 별개로, 인풋 필드를 통한 'centering 로직' 구현 필요