/ApartProject-Final

developed by Vue JS and Spring Boot

Primary LanguageVue

HappyHouse6-서형준송민주

최종 관통 프로젝트 (Vue + Spring-MyBatis)

시스템 플로우

System FlowChart

주요 사이트 화면

Main Page Apart List And Search Page User Info Modify Page Free Board Page

VueJS (FrontEnd)

메인 기능

  • 아파트 목록 불러오기: DB에 시군코드, 공공데이터 API로 아파트 정보 불러오기
  • 카카오 맵: 카카오 맵 위에 마커로 아파트 정보 뿌려주고, 클릭 시 아파트 정보 보기
  • 회원 목록 관리: 회원 가입, 로그인, 정보 변경, 비밀번호로 아이디 찾기 등
  • 게시판 관리: 글쓰기, 글수정, 글삭제 등등
  • 게시판 댓글 기능: userid에 따라 수정하거나 달 수 있고 기타 등등
  • Q&A or 공지사항 게시판

기타 기능

  • 알럿과 뷰엑스 연동: vuex에 메세지와 로그인 성공 여부를 전달 후, App.vue에 Alert.vue를 뿌려줘서 어느 곳에서도 알림 창이 뜰 수 있도록 구현. 현재 몇 초 후에 삭제되는 기능은 아직 구현 못함. dismissible 기능은 구현함.
  • 페이지네이션: 아파트 정보를 페이지네이션 기법으로 나눠서 여러개 보여주기
  • CSI: 구글 이미지

Spring-MyBatis + MySQL (BackEnd)

  • 아파트 테이블
  • 회원 테이블
  • 게시판 테이블

변경점

  • 2021/11/17: 모든 메세지 수용 가능한 alert 창 완성.
  • 2021/11/18: 회원 관리 기능 추가(로그인, 탈퇴, 수정 등)
  • 2021/11/23: 회원가입 밸리데이션 기능 구현

레퍼런스