부동산 홈페이지

🛠️ 개발 가이드

공인중개사 사무소를 위한 홈페이지 데모예요. 매물 카드 리스트와 문의 폼의 관심 매물 select가 같은 데이터를 공유해요.

기술 스택

핵심 구현 포인트

• 매물 타입(매매/전세/월세)마다 다른 배지 색을 주는 대신, 하나의 그린 톤 배지 스타일로 통일해 톤을 정리했어요.
• 매물 배열을 문의 폼의 select 옵션으로도 그대로 재사용해요.
• 가격은 골드 색상으로 강조해 시선이 먼저 가도록 배치했어요.

이렇게 만들면 돼요

1. 매물 데이터를 타입·이름·평수·가격 필드로 정의해요.
2. 매물 카드 그리드와 문의 폼 select에 같은 배열을 재사용해요.
3. 가격처럼 강조할 정보는 별도 색상으로 시각적 위계를 줘요.

참고 파일