Skip to content

아파트 매매 관련 정보 제공 웹사이트 🏡

Notifications You must be signed in to change notification settings

Qulip/Dream-House

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation



꿈의집 🏡

아파트 매매 관련 정보 제공 웹사이트

- 싸피 프로젝트 : 22.05.18 ~ 22.05.27
- 리팩토링 : 23.07.06 ~ 진행중

Notion | UCC


서비스 소개 🖥

아파트 매매 거래 정보를 쉽게 검색할 수 있는 서비스입니다.
"꿈의집"은 가장 편안하게 쉬어야할 꿈의 집을 찾아주는 서비스라는 의미에서 이름을 지었습니다. 지도를 통해 주변 아파트 정보와 각 아파트의 거래 정보를 확인할 수 있습니다. 백엔드는 Spring-boot, 프론트엔드는 Vue를 사용하여 RESTful 서비스를 구현하였습니다.



개발 환경 및 기술 스택 🔨

FE

HTML
CSS
JavaScript
Node.js
Vue
Vuex
Bootstrap-Vue

BE

Java
Spring Boot
Maven
Mybatis
MySQL

버전/이슈 관리

GitLab
Sourcetree

TOOL

Postman

협업

Cisco Webex Meetings
Mattermost
Notion

IDE

Visual Studio Code
IntelliJ



서비스 구조도 🔍

서비스 구조도




주요 기능 📚

1. 로그인

로그인

일반 로그인 및 카카오 로그인이 가능합니다.



2. 오늘의 뉴스

오늘의 뉴스

메인 페이지에서 오늘의 뉴스 목록을 확인할 수 있습니다.
네이버 검색 API를 사용하여 아파트 부동산에 관한 최근 10개의 기사들을 보여줍니다.
기사 제목은 실제 기사 페이지로 링크되어 있어 기사 내용을 확인할 수 있습니다.



3. 매매가 검색 - 지역 선택

지역 선택

지도는 카카오맵 API 사용을 하였으며, 매매가 검색 페이지에 들어가면 지역을 선택할 수 있습니다.
지역은 시, 구/군, 동 을 선택하게끔 되어있습니다.
지역을 선택하면 해당 지역의 아파트 목록이 지도에 핀으로 찍히고, 핀에 마우스를 올리면 아파트 이름과 평균 매매가 팝업을 볼 수 있습니다.



4. 매매가 검색 - 아파트 리스트

아파트 리스트

지역을 선택한 후, 왼쪽에 아파트 리스트 버튼을 누르면 해당 지역의 아파트 리스트들을 볼 수 있으며, 평균 거래 금액을 볼 수 있습니다.
이름순, 평균금액순을 오름차순/내림차순으로 선택하여 볼수도 있습니다.


5. 매매가 검색 - 아파트 매매 상세 정보

아파트 매매 상세 정보

로그인 시

아파트 리스트에서 아파트를 선택하여 누르면, 해당 아파트의 매매 내역 상세 정보가 나타납니다.
아파트 사진 및 최근 거래 내역이 나타나며, 로그인한 유저는 아파트를 찜하여 관심아파트를 등록할 수 있고 매매 정보 차트를 볼 수 있습니다.


6. 매매가 검색 - 주변 상권 정보

상권정보

주변 상권 정보(은행/마트/병원/약국/학교/카페/편의점/주차장/주유소)를 확인할 수 있습니다.
보고싶은 상권을 누르면 해당하는 상권의 위치들을 지도에 핀으로 표시합니다.

7. 문의 게시판

문의 게시판

문의 게시판은 로그인을 해야만 글을 쓸 수 있으며, 특정 글을 수정하거나 삭제하려면 해당 글의 작성자여야만 가능합니다.

8. 공지사항 게시판

공지사항

스크린샷 2022-10-13 오전 2 23 43

공지사항 게시판은 관리자만 글을 쓰고 관리할 수 있습니다.



설계 문서 📝

요구사항 정의서

스크린샷 2022-10-13 오전 2 27 59

스크린샷 2022-10-13 오전 2 29 09



ERD

image



클래스 다이어그램

image



팀원 소개 👪



유일권
(Backend, Frontend)



최주희
(Backend, Frontend)



About

아파트 매매 관련 정보 제공 웹사이트 🏡

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 54.5%
  • Java 26.8%
  • JavaScript 16.9%
  • CSS 1.5%
  • HTML 0.3%