[팀프로젝트] HAPPY HOUSE (싸피 프로젝트)

[팀 프로젝트]

프로젝트명 : 아파트 매물 검색 프로젝트

기간 : 2021.11.19 ~ 2021.11.25

기능 : 로그인, 로그아웃, 회원가입, 인기 매물 정보, 공지사항, 게시판, 파일 업다운로드, 나의 관심 매물, 친구 관심 매물, 아파트 실거래가 정보 및 위치, 주변 상권 정보 등

사용 기술 스택 : HTML, CSS, JS, Node.js, Mysql, Vue, Vuex, Vue-Router BootStrap, Spring, Sprint boot, My Batis

내용 : BootStrap5 무료 템플릿을 이용해서 원하는 디자인을 선택하여 Vue로 변환시켜 Frount를 구현하였으며, Router를 이용해 페이지 이동을 구현하고, Vuex를 이용해 데이터를 한 곳에 관리하는 방식으로 구현했다.

Baek 부분에는 Spring, Sprint boot, My Batis를 사용하여 구현하였고, DB는 공공데이터를 가져와서 가공한 뒤, Mysql을 이용했다.

로그인을 통해 카카오 map API를 이용하여 지도를 보여주며 동에 해당하는 아파트 실 거래가 정보를 보여주고, 원하는 경우 관심 매물로 등록이 가능하며, 게시판, 공지사항은 디비와 연결을 통해 글을 관리하고, 메인 화면에서 인기 매물 탑 3과 본인의 관심 매물 및 친구의 관심 매물에 대해 보여주는 등의 기능을 구현했다.

담당 : 회원 정보 조회, 수정, 삭제, 게시판, 공지사항, 메인화면 구성, 관심 매물 정보(본인, 친구)

 

메인 화면

아파트 실 거래가 검색 화면

게시판 화면

ERD