일반 게시글 상세페이지 지도 UI 추가 및 지도 상세 페이지 추가

[wlrnjs]

Pull Request

관련 이슈

• close [TASK] 일반 게시글 상세페이지 지도 UI 추가 및 지도 페이지 추가 #294

작업 내용

• 카카오지도 라이브러리 도입
  • react-kakao-maps-sdk 적용
• 일반 게시글 상세 페이지 지도 UI 추가
• 일반 게시글 상세 페이지 > 지도 상세페이지 구현
  • 상세 페이지에서 주소 영역 클릭 시 지도 페이지로 라우팅
  • URL 파라미터(lat, lng, radius, address)를 기준으로 지도 표시

참고 사항

• 지도 범위(3km, 5km, 10km)는 기획 변경에 따라 조정될 수 있습니다.
• URL 파라미터가 없는 경우, 서울 시청 좌표를 기본값으로 사용했습니다.
• try...catch 문 // noop 부분은 catch 코드가 없는 경우 사용된다 해서 추가했습니다.
• 이 페이지 구조 굉장히 깔끔하게 짜서 정말 마음에 드는데 전 PR이랑 섞여서 가슴아프네요

상세페이지 지도 UI	상세페이지 지도 페이지 UI

체크리스트

• 기능이 정상 동작하는지 확인
• 로컬 빌드/스토리북/테스트 통과
• 불필요한 코드/주석 제거

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
fmi-fe	Ready	Preview, Comment	Jan 2, 2026 9:43am

[github-actions]

Test Results

314 tests   314 ✅  28s ⏱️
 61 suites    0 💤
  1 files      0 ❌

Results for commit 5bec80a.

♻️ This comment has been updated with latest results.

[suhyeon0111]

카카오맵 사용이 생소하셨을텐데 해내셨네요 수고많으셨습니다!

[DevHyungJun]

수고하셨습니다