[Feat]: 모임상세 카카오지도 연동 및 UI 작업

[HopeFullee]

📝 변경 사항

• 카카오 지도 API KEY 환경 변수 추가 (actions secret 변수에 넣음)
• 카카오 지도 API 연동
• 카카오 지도 UI 스타일 적용
• 카카오 지도 마커 (pin) 적용
• @yoorli 율리님 행복한 소리 적용

[TMI]

• 림대일림한테 부탁해서 모임 생성 때 address 필드에 lat, lng 필드 추가해 달라고 했지만, 그냥 원래 써왔던 짧은 주소만으로도 마커 (Pin)이 잘만 적용되길래 그냥 되는 대로 했습니다.
• 성능 생각해서 모임 생성 때 미리 위도 경도 받고, 모임 상세에서 바로 쓸라고 했지만, 알고 보니 daumPostCode 주소 검색 API는 좌표를 안 줌 (불-편). 그래서 생성 과정에서 주소를 위·경도로 바꿀 바엔 그냥 상세에서 UI 지도 API 부르는 김에 같이 geoCoder로 좌표 바꿔서 엿 바꿔 먹었습니다.

---

🔗 관련 이슈

Closes #383

---

🧪 테스트 방법

• 수동 테스트 검증(로컬 환경)
• 유닛 테스트 검증
• 통합 테스트 검증

---

📸 스크린샷 (선택)

---

📋 체크리스트

• 관련 문서를 업데이트했습니다 (필요한 경우)
• 테스트를 추가/수정했습니다 (필요한 경우)
• Breaking change가 있다면 명시했습니다

---

💬 추가 코멘트

---

CodeRabbit Review는 자동으로 실행되지 않습니다.

Review를 실행하려면 comment에 아래와 같이 작성해주세요

@coderabbitai review

---

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch somang-feat/group-detail

Tip

Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🎨 Storybook Report

✅ 변경 사항이 없습니다

모든 Story가 이전 빌드와 동일합니다.

Status	Storybook	Build Log	Updated (UTC)
✅ Unchanged	View Storybook	View Build	2026-02-16 13:55:03

[github-actions]

📊 Coverage Report

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2026-02-16 13:54:38

📉 #384을 main에 병합하면 coverage가 0.15% 감소합니다.

Coverage 요약

@@             Coverage Diff             @@
##             main     #384       +/-   ##
===========================================
- Coverage   35.53%   35.38%    -0.15%     
===========================================
  Files         259      260        +1     
  Lines       12071    12123       +52     
  Branches      471      472        +1     
===========================================
  Hits         4290     4290         0     
+ Misses       7781     7833       +52     

영향받은 파일

✅ 이 PR로 영향받은 파일이 없습니다

수정된 모든 파일이 현재 coverage를 유지했습니다.

[github-actions]

🚀 PR Preview Report

✨ Build가 성공적으로 완료되었습니다.

Preview에서 변경사항을 확인하세요.

Status	Preview	Build Log	Updated (UTC)
✅ Ready	Visit Preview	View Logs	2026-02-16 13:55:39

[github-actions]

🎭 Playwright Report

✨ E2E Test가 성공적으로 완료되었습니다.

Test 요약 내용을 확인해주세요.

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2026-02-16 13:56:11

📊 Test Summary

• ✅ Passed: 3
• ❌ Failed: 0
• ⏱️ Duration: 39.0s

📜 Test Details

✅ Passed Tests (3)

• profile.test.ts (3)
  • [chromium] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [firefox] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [webkit] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트

[HopeFullee]

@claudia99503 집나간 민서님 찾습니다

[claudia99503]

소망 동무 이번에도 참으로 훌륭한 성과를 냈구만요 앞으로의 활약도 기대하겠어요 ( ́⌒ .̫ ⌒ ̀)੭