feat: 현재 위치 기반 지도 개발

[itslitulinchpin2]

#️⃣연관된 이슈

resolve: #35

📝작업 내용

• react-native-permissions을 통해 위치 허용 여부를 결정받습니다.
• react-native-community/geolocation 을 통해 현재 위치값을 받아옵니다.
• react-native-naver-map 이용해서 지도를 띄웁니다.
• feed페이지에서는 내 위치 기반 거리순으로 가게를 조회할 수 있습니다.
• .env에 키값들 추가하였습니다.
• MarketType에 위도, 경도가 추가되었습니다.
• 버튼 클릭시 map화면으로 이동
• map화면으로 넘어갈때는 api콜을 하지 않고, feed에서 받아온 데이터를 정제하여 params로 넘겨 Marker로 표시했습니다.
• 현재 위치는 초록색 마커, 가게들은 파란색 마커로 표시
• 지도상에서 마커 클릭시 해당 가게로 네비게이션 기능 추가하였습니다.

간단히 로직 설명

• 위치 추적: Geolocation.watchPosition을 사용하여 실시간으로 위치 변화를 추적. (10m 이상 변동시 위치 변경으로 인식)
• 위치 변경 시 상태 업데이트: 위치가 변경되면 location 상태가 갱신.
• API 호출 및 가게 정보 업데이트: location이 변경되면 fetchData 함수가 호출되어 서버에서 새로 가게 목록을 받아옵니다.
• 화면 업데이트: marketList 상태가 변경되면 화면에 새로운 가게 목록이 반영됩니다.

스크린샷 (선택)

💬리뷰 요구사항(선택)

• 에뮬레이터에서는 실시간 gps 작동이 되지 않아 실제 모바일로 확인이 필요합니다.
• 위치 허용 하지 않아도 서버에서 디폴트 위치 기반으로 가게를 응답값으로 주는 것으로 처리했습니다.
• naver api 문서를 보다 보니 추후 배포시에 저희앱 명을 clientApp에서 더 구체적이게 변경해야할 것 같습니다.
  (https://guide.ncloud-docs.com/docs/ko/naveropenapiv3-application)

[99mini]

고생하셨습니다..! 몇몇 리뷰 남깁니다