- 프로젝트 명: 집집
“ 각 집. 또는 모든 집. " 을 뜻하는 순 우리말 - 대한민국 모든 집의 정보와 집과 관련된 핵심적인 내용들을 모아 놓은 홈페이지
- 기획 의도
중장년층 뿐만 아니라 청년들까지도 ‘내 집 마련의 꿈’ 에 대한 열기가 뜨거워지는 만큼 부동산에 관심 있는 사람들과 정보들은 늘어나고 있습니다. 각자가 필요로 하는 정보들을 검색 기능을 사용하여 쉽게 찾을 수 있으며 홈페이지 회원들을 위한 정보 교류가 가능하도록 목표를 두었습니다.
Figma: 집집 설계
PDF: 집집 부동산 정보제공 프로젝트.pdf
- 2023.06.19 - 2023.07.02
Python 3.11HTML | CSS | JavaScript- Framework: Django
- Database: Sqlite3
- 개발 Tool: VS Code, PyCharm, Figma, Git
- 하나의 페이지에서 로그인과 회원가입(별도 Page Parsing) 구현
- 소셜로그인 기능 구현(구글, 카카오, 네이버)
- 회원가입 시 아이디(영문, 숫자)/사업자 등록증/비밀번호 8자 이상(영, 숫자) 유효성 검사 구현
- 로그인 후 마이페이지를 통해 회원정보 수정, 회원탈퇴, 해당 아이디의 게시판 작성글 확인 기능 구현
마이페이지
- 공공데이터포털 한국부동산원이 제공하는 실제 청약 데이터를 API를 통해 각각의 일정을 달력 API 자동으로 추가
- 해당 일정 클릭 시 입주자모집공고 상세정보(공급위치, 규모, 모집공고, 청약접수일, 공급대상, 공급금액 등) 조회 가능
- 청약 가점 계산 함수를 구현하고 무주택기간/부양가족수/청약통장가입기간을 입력받아 계산 후 점수 제공
- 서울시 실거래(매매), 전/월세 부동산 정보를 Django ORM(데이터베이스)에 저장(대략 4,000건)
- 저장된 각각의 데이터를 위도와 경도값을 통해 지도에 마커(Marker) 생성 및 클러스터화(100, 200, 500, 1000 등의 단위)
- 마커 클릭 시 전/월세가, 매매가, 주소, 법정동명, 계약일, 면적 등의 정보 제공
- 연립다세대/아파트/오피스텔/단독다가구 네 분류의 마커를 통해 정보의 가시성을 높이고 각 분류별로 클릭시 마커를 표시하거나 숨기는 기능 구현
- 지도에서 내 위치 찾기 기능 구현
- 지번명/도로명/일반 건물명으로 검색 기능 구현
- 메인 페이지에서 동일한 검색 시 동일한 기능으로 바로 해당 검색 결과를 지도에 표시하는 기능 구현
- 메인 페이지 검색과 지도에서 검색 시 지도에 마커로 표시되어 있는 건물들이 자동완성으로 표시되게 함
- 부동산 계약 관련 필수 정보(부동산매매, 주택, 주택임대차분쟁, 공동주택관리분쟁) 제공
- 우측 하단의 별도의 탭을 통해 가용자금, 정보수집&시세파악, 계약과 관련된 추가 정보를 외부 링크(네이버)와 연결하여 정보 제공
- 매매계약과 관련한 해당 제목 클릭 시 더 상세한 내용을 이미지 형태로 표시하고 숨길 수 있는 기능 구현
- 자유게시판, 거래후기 게시판, 인테리어 게시판, 뉴스 4가지 게시판 구성
- 자유게시판과 거래후기 게시판에서 최신순, 추천순으로 글목록 볼 수 있는 기능 구현
- 각 게시글의 댓글 추가, 수정, 삭제와 게시글 추천 기능 구현
- 게시글 추가, 수정, 삭제와 해당 아이디만 수정, 삭제 가능하게 기능 구현
- 댓글도 마찬가지로 해당 아이디만 수정, 삭제 가능하고 로그인 시에만 게시글과 댓글 추가 가능하게 기능 구현
- 인테리어와 뉴스 게시판의 각 글은 웹 크롤링을 통해 외부 링크(네이버 등)와 연결
> 자유게시판
> 거래후기 게시판
> 인테리어 게시판
> 뉴스
- 사이드 메뉴탭(집찾기/청약/알려드려요/커뮤니티/고객서비스), 상단 메뉴탭(집찾기/청약/알려드려요/커뮤니티/고객서비스) 구성
- 메인 페이지에서 각 탭에 바로 접속할 수 있는 메인탭 디자인
- 메인 페이지 하단에 현재 인테리어 게시글의 이미지를 슬라이드 효과로 표시(클릭 시 인테리어 게시판으로 연결)
- 반응형 디자인을 통해 모바일과 태블릿 버전 호환
멤버별 역할
