Skip to content

아파트 매물 정보 제공하는 서비스 with SpringBoot & Vue.js

Notifications You must be signed in to change notification settings

pmi4202/APT_Sale

Repository files navigation

🏠 HappyHouse

  • 시/군/구로 검색하고 지도의 마커를 클릭하면, 해당 매물과 주변 인프라 정보를 볼 수 있습니다.
  • 거래정보, 상권정보, 통계 자료, 지역별 대기 정보를 통해 원하는 매물을 빠르고 쉽게 찾을 수 있습니다.
  • 게시판으로 다른 사용자들과 소통 & 관리자의 공지사항을 확인할 수 있습니다.

💻 담당 업무

  • 팀장, 데모 영상 제작
  • UI/UX 디자인
  • [MySQL] 데이터 베이스 설계
    • ERD
  • [Vue.js] 지역 검색 시, 해당 지역 아파트 정보를 리스트로 띄우기
  • [Vue.js] axios로 데이터를 받아와 Map에 마커 표시하기
  • [Vue.js] 사용자가 선택한 마커 이미지 변경 및 리스트에서 포커스 맞춰주기
  • [Vue.js] 리스트 아이템 클릭 시, 팝업창에서 상세 정보 띄우기
  • [Vue.js] ‘좋아요’ 기능 구현
  • [Vue.js] 모든 페이지 디자인 구현
  • [SpringBoot] 공공데이터 받아오기
  • [SpringBoot] 로그인, 로그아웃

💡 성장 스토리

🛠️ 기술

  • 공공데이터 요청 가능한 횟수 초과 문제
    • 실시간 데이터를 받아오는 공공데이터 API에서 문제 발생
    • 실시간 데이터는 해당 지역 날씨에 관한 정보로 매초마다 받아올 필요가 없어서 매시간마다 받아오도록 시간 간격을 변경
  • 카카오 맵 API 익히기
    • 공식 문서에 사용된 언어와 프로젝트에 사용하는 언어가 다름
    • 값을 이것 저것 바꿔보며 실험 후, 지도 띄우는 것에서 나아가 여러 이벤트 등록도 구현

👏 협업

  • 처음 팀장직을 맡음
    • 이전 경험을 통해, 2가지 사항을 중요하게 생각하며 진행
      • 매일 5시에 모여, 코드를 보며 진행 상황을 공유
      • 팀장의 열정이 곧 팀원의 열정임을 새기면서 수행
    • 마감이 얼마 남지 않은 시점에, 팀원들이 html, css 경험이 없어 업무를 맡기 꺼려함
      • 아는 한에서 최대한 모두 알려주려고 노력하였고, 팀원도 적극적으로 참여하기 시작함
      • 결과적으로, 수상을 하고 팀원에게서 다음 프로젝트를 함께 하자는 제의를 받아 뿌듯했음

About

아파트 매물 정보 제공하는 서비스 with SpringBoot & Vue.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published