이집어때
AI를 활용한 부동산 추천 플랫폼
2024.10 – 2024.11
매물·시세를 AI로 쉽게 보고, Naver 뉴스·핫한 매물 등을 시각화한 부동산 추천 플랫폼입니다.
팀 구성
주요 기능
- 지도·차트 기반 부동산 정보
- OpenAI API 시세 예측·챗봇
- 부동산 뉴스, 핫한 매물 시스템
담당 역할
- Spring Boot MVC 구현, DB 설계, API 개발 (백엔드 주기여 ~70%)
- 네이버 뉴스 Open API 연동 및 뉴스 카드 UI 개발
- OpenAI API 연동 및 부동산 챗봇 개발
- 다크모드 구현
주요 성과
네이버 뉴스 Open API 연동 및 부동산 뉴스 카드 UI
부동산 거래에 도움이 되는 최신 뉴스 정보를 사용자에게 쉽게 제공할 필요가 있었습니다.
네이버 뉴스 Open API를 통해 부동산 관련 뉴스를 수집하고, Chakra UI의 Grid 시스템을 사용해 반응형 카드 레이아웃과 호버 효과를 가진 뉴스 카드 UI를 구현했습니다.
사용자가 부동산 관련 최신 뉴스를 한눈에 확인할 수 있는 직관적인 UI를 제공했습니다.
2024년 아파트 거래량 전년 대비 18% 증가
금리 인하 기대감으로 수도권 아파트 매수 심리가 회복되며 거래량이 큰 폭으로 늘었습니다.
강남구 재건축 단지 분양가 상한제 적용 논의
정부가 고분양가 논란이 이어지는 강남 재건축 단지에 분양가 상한제 적용을 검토 중입니다.
전세 사기 피해자 지원 특별법 국회 통과
전세 사기 피해자에 대한 긴급 지원과 보증금 반환 절차를 간소화하는 특별법이 통과됐습니다.
Naver News Open API 연동 · 카드에 마우스를 올려보세요
OpenAI API 기반 부동산 챗봇 구현
어려운 부동산 용어를 사용자에게 쉽게 전달할 필요가 있었습니다.
OpenAI API와 사전 프롬프팅을 통해 부동산 전문 챗봇 시스템을 개발했습니다. AI와 사용자의 대화를 유지시키기 위해 SessionStorage를 사용해 사용자의 대화 상태를 저장하고 관리했습니다.
사용자가 복잡한 부동산 용어를 쉽게 이해하고, 연속된 대화로 맥락 있는 상담을 받을 수 있게 됐습니다.
다크모드 & 반응형 레이아웃 구현
다양한 환경과 기기에서 일관된 사용자 경험을 제공해야 했습니다.
Chakra UI의 useColorMode와 useColorModeValue를 활용해 버튼, 로고, 배경 색상까지 일관된 다크모드를 구현했습니다. extendTheme로 커스텀 색상을 정의하고, 라이트/다크 모드별 버튼 변형을 추가해 브랜드 일관성을 유지했습니다. useBreakpointValue를 활용해 화면 크기에 따라 로고, 텍스트 크기, 레이아웃을 동적으로 전환하는 반응형 UI를 구현했습니다.
다양한 화면 크기와 다크/라이트 모드 모두에서 일관되고 브랜드에 맞는 UI를 제공했습니다.
19.8억
+0.3%
9.2억
-0.1%
15.4억
+0.8%
13.1억
+0.2%
☀️ 라이트 모드 — 헤더 버튼으로 전환하세요