fix: result 페이지의 모바일 환경에서 지도 컴포넌트가 사라지는 에러 해결

[kangdy25]

🚀 fix: result 페이지의 모바일 환경에서 지도 컴포넌트가 사라지는 에러 해결

📝 변경사항

• result 페이지의 모바일 환경에서 지도 컴포넌트가 사라지는 에러 해결

✅ 체크리스트

• 코드 리뷰를 받았습니다
• 테스트를 완료했습니다
• 린터 에러가 없습니다
• 타입 에러가 없습니다
• 브라우저에서 테스트를 완료했습니다
• 모바일에서 테스트를 완료했습니다 (해당되는 경우)

📸 스크린샷

UI 변경 사항이 있다면 이미지를 드래그해서 넣어주세요!

💬 리뷰어 전달사항

• 리뷰어가 특별히 확인해야 할 사항이 있다면 적어주세요.

Summary by CodeRabbit

릴리스 노트

• 버그 수정
  • 모바일 기기에서 지도 표시 및 레이아웃이 개선되었습니다.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
mingling-frontend	Ready	Preview, Comment	Feb 8, 2026 1:52pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

모바일 렌더링을 위해 기존의 인라인 KakaoMapLine 컴포넌트를 새로운 div 컨테이너로 감싸서 상대 위치 지정, 높이, 너비, 최대 너비, 오버플로우 제어를 위한 Tailwind 클래스를 추가했습니다.

Changes

Cohort / File(s)	Summary
모바일 반응형 레이아웃 app/result/[id]/page.tsx	KakaoMapLine 컴포넌트를 "relative h-93.5 w-full max-w-[100vw] overflow-hidden md:hidden" 클래스를 가진 div로 래핑하여 모바일 화면에서 크기와 오버플로우를 제약합니다.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Suggested reviewers

• kim3360

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch hotfix/map-rendering

---

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.}