feat: 비교 페이지 고도화 및 UI/UX 개선

[HSCHEOL]

• 지도(KakaoMap): 줌 레벨에 따른 마커 폰트 크기 동적 조절 및 오버레이 z-index 수정
• 비교하기(Compare):
  • 매물 카드 내 매물 타입(원룸, 아파트 등) 동적 표시
  • 비교 모달 위치 조정(하단 시작 -> 중앙 고정) 및 스크롤 연동
  • 비교 대상 변경 시 잠금 상태(isUnlocked) 초기화 로직 추가
• 랜딩 페이지: 온보딩 상태에 따른 버튼 문구 변경 ("맞춤 매물 확인하기" vs "나만의 조건으로 집 찾기")
• 이미지 처리:
  • 리스트/상세 매물 이미지 부재 시 타입별(아파트/원룸) 기본 이미지 적용
  • 상세 페이지에서 기본 이미지 노출 시 스와이프 기능 비활성화

Summary by CodeRabbit

릴리스 노트

• 새로운 기능

  • 매물 유형이 한글로 표시됩니다.
  • 이미지가 없을 때 유형별 기본 이미지로 자동 표시됩니다.
  • 사용자 온보딩 상태에 따라 버튼 텍스트가 동적으로 변경됩니다.

• 개선사항

  • 지도 마커 글씨 크기가 확대/축소 수준에 따라 조정됩니다.
  • 정보창 텍스트가 잘리지 않고 전체 표시됩니다.
  • 선택 모듈 개수가 3개로 제한됩니다(기존 5개).
  • 체크박스 위치가 우측으로 이동했습니다.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
frontend	Ready	Preview, Comment	Feb 11, 2026 4:32am

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

여러 컴포넌트와 스토어에 걸친 변경사항으로, 모듈 선택 제한을 5개에서 3개로 감소시키고, 부동산 타입 매핑을 추가하며, 이미지 폴백 처리를 개선하고, 오버레이 Z-인덱스 및 레이아웃을 조정합니다.

Changes

Cohort / File(s)	Summary
모듈 선택 제한 감소 app/store/moduleStore.ts, app/components/list/List.tsx	활성 모듈 최대 개수를 5개에서 3개로 변경; 선택 조건 조회 및 토스트 메시지 업데이트
비교 페이지 및 타입 필드 확장 app/compare/page.tsx, app/components/mypage/CompareCard.tsx, app/components/mypage/CompareMain.tsx	부동산 타입 코드를 한글 레이블로 변환하는 PROPERTY_TYPE_MAP 추가; House 인터페이스에 type: string 필드 추가; 기본값을 "ggdd"에서 "정보 없음"으로 변경; selectedIds 변경 시 isUnlocked 상태 초기화
목록 및 이미지 처리 개선 app/components/list/list_section/SummarySection.tsx	이미지 캐러셀을 누락된 이미지에 대해 견고하게 처리; 부동산 타입에 따른 기본 이미지 선택 (APT → apt.svg, 기타 → oneroom.svg); hasImages 플래그로 드래그 및 페이징 보호; 이미지 프리로딩 및 제어 표시 조건부 렌더링
맵 컴포넌트 개선 app/components/map/KakaoMap.tsx	40개의 합성 MOCK_PROPERTIES 배열 추가; 줌 레벨 기반 동적 폰트 크기 조정; 오버레이 zIndex를 10000으로 설정하여 앞단 렌더링 보장
오버레이 레이아웃 조정 app/components/map/MapOverlays.tsx	FacilityOverlay, EnvironmentOverlay, NoiseOverlay, PopulationOverlay, NearbyNoiseOverlay, PoliceOverlay, AccessibilityOverlay: 고정 폭에서 min-w-40/32와 w-fit으로 변경; 헤더에 whitespace-nowrap 추가하여 텍스트 자동 줄 바꿈 방지
UI 컴포넌트 개선 app/components/mypage/HouseCard.tsx, app/components/compare/CompareModal.tsx, app/components/start/MainVisual.tsx	HouseCard의 체크박스 위치를 좌상단에서 우상단으로 이동; CompareModal의 justify-center 제거; MainVisual 버튼 텍스트를 사용자 온보딩 상태에 따라 동적으로 변경

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• [feat] 매물 검색 API 연동 및 종합 데이터 모듈(소음/환경/편의) 실시간 동기화 구현 #8: 동일한 여러 파일(app/compare/page.tsx, app/store/moduleStore.ts, app/components/list/...)에 걸친 중복된 변경사항으로 모듈 제한 감소 및 이미지 처리 로직 공유
• [feat] 핵심 기능 API 연동 #7: app/compare/page.tsx에서 선택 하우스의 타입 매핑 및 selectedIds 동작 관련
• [feat]종합데이터 지도 모드 및 기능별 모듈(안전·편의·접근성 등) #6: KakaoMap.tsx 및 MapOverlays.tsx의 마커 렌더링, zIndex, MOCK_PROPERTIES 변경으로 맵 렌더링 및 오버레이 동작 영향

Poem

🐰 모듈은 셋으로 줄고, 타입은 매핑하고
이미지 폴백으로 아름답게 표현하네!
오버레이들은 새로운 Z-인덱스로 춤을 추고
체크박스는 우측으로 옮겨 앉아
우리의 비교 페이지는 이제 더욱 영리해졌어! ✨

✨ 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 dev

---

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