jodawoooon / MOBETTERHOUSE

더 좋은 집을 위한 집 찾기 지침서 🔎🏘

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🏠 Mo Better House 🏠

더 좋은 집을 찾기 위한 지침서.
주택 거래 정보 플랫폼

SSAFY 관통프로젝트 최우수상 🥇

image



1️⃣ 기획배경

이 곳 저 곳 비교하지 않고, 한 곳에서 원하는 조건의 집을 찾을 수 없을까?

이사를 하고자 할 동네에서 원하는 주택을 찿아낼 목적으로 주택 매물, 동네 정보 등을 조회하고 사용자 편의성을 높일 동네 커뮤니티 등 다양한 서비스를 제공하고자 한다.


2️⃣ 목표

  1. 다양한 매물 정보 검색
  2. 사용자 맞춤 서비스 제공
    • 관심 매물, 관심 동네를 등록하고 한 눈에 모아볼 수 있도록 한다.
  3. 자치구 별 통계 및 학군 정보 제공
    • 이사갈 동네를 비교하고 선택하는데 도움을 준다
  4. 우리동네 커뮤니티로 활용
    • 지역 커뮤니티 활성화에 기여한다.

3️⃣ 역할

Backend (Spring) & Front-end(Vue)

  • 로그인, 회원가입, 마이페이지 개발
  • 지역 별 통계 정보 검색 페이지 개발
  • 학군 정보 검색 페이지 개발
  • 메인 페이지 및 팀 소개 페이지 개발

4️⃣ 개발 환경 & 기술 스택

  • 운영체제 : Window 10, Mac OS X
  • Front : Vue.js, Vue-CLI, Vue-router, Vuex, axios, HTML5, CSS5, BootStrap5, JavaScript, Chart.js
  • Back : SpringBoot, MyBatis, GSON
  • Database : MySQL
  • Etc : Git, Gitlab

5️⃣ 프로젝트 설계

Client (Vue)

happy-house
.
dist/
public/
src/
    assets/
        css/
        img/
        upload/
    common/
        axios.js
        kakao.js
        ...
    components/
        modals/
        Bookmark.vue
        BookmarkArea.vue
        ...
    routers/
        router.js
    store/
        store.js
    vendor/
        notyf/
        sweetalert2/
    App.vue
    main.js
babel.config.js
package.js
package-lock.json
README.md
    

Server (Spring Boot)

HappyHouse
.
bin/
gradle/
src/
    main/
        java/
            com.ssafy.happyhouse/
                common/
                    LoggerAspect.java
                    LoginInterceptor.java
                config/
                    GlobalExceptionHandler.java
                    WebMvcConfig.java
                controller/
                    BoardController.java
                    CodeController.java
                    ...
                dao/
                    BoardDao.java
                    CodeDao.java
                    ...
                dto/
                    BoardDto.java
                    BoardFileDto.java
                    ...
                service/
                    BoardService.java
                    BoardServiceImpl.java
                    ...
                HappyHouseApplication.java
        resources/
            config/
            mapper/
                board_query.xml
                code_query.xml
                ...
            static/
                css/
                img/
                js/
                upload/
                favicon.ico
                index.html
            logback.xml
    test/
build.gradle
gradlew
gradlew.bat
settings.gradle
...

  1. ERD
    image

  2. Class Diagram

    • DTO
      image

    • Controller
      image

    • Service
      image

    • DAO
      image


6️⃣ 개발 내용 / 성과

  • 공공 데이터를 활용한 서울시 아파트 매물, 학교, 통계 정보 (인구수 외 7가지) DB 생성
  • Kakao Map API를 활용한 매물 정보, 학군 정보 시각화
  • Interceptor를 활용한 로그인, Kakao API를 활용한 SNS 로그인 구현
  • 회원정보 수정, 탈퇴, 프로필 사진 업로드(파일 업로드)가 가능한 MY PAGE 구현
  • Validation과 을 사용한 회원가입 구현
  • 사용자 중심 MY 관심 서비스 구현 (관심 매물, 관심 지역 설정)
  • Chart.js를 활용한 자치구별 통계 정보 시각화
  • File Upload, Pagenation, CkEditor를 적용한 커뮤니티 구현
  • Git을 활용한 협업관리

프로젝트 경진대회 최우수상 수상


8️⃣ 발표 자료 / 시연 동영상

슬라이드1 슬라이드2 슬라이드3 슬라이드4 슬라이드5 슬라이드6 슬라이드7 슬라이드8 슬라이드9 슬라이드10 슬라이드11 슬라이드12 슬라이드13 슬라이드14 슬라이드15 슬라이드16 슬라이드17 슬라이드18 슬라이드19 슬라이드20 슬라이드21

시연영상

https://youtu.be/WNUg9eH2q6s

About

더 좋은 집을 위한 집 찾기 지침서 🔎🏘


Languages

Language:CSS 65.4%Language:Vue 23.4%Language:Java 9.6%Language:JavaScript 1.2%Language:HTML 0.4%