/PetProject

애견유치원과 반려견 커뮤니티 사이트

Primary LanguageJavaScript

펫앤미

2020년 11월 25일 ~ 2020년 12월 9일

ezgif-7-6464d5eb5ca3

프로젝트소개

애견유치원과 반려견 커뮤니티 사이트

팀소개

  • PL :최보라
  • 팀원 : 김경오, 도가영, 박진우, 소다미, 이승민

사용기술

Front-end :JSP, CSS , JavaScript,Jquery,BootStrap
Back-end : java , MySQL, java mai
Open API : 공공데이터API(전국동물보호센터정보표준데이터), 카카오 API (지도)
Tools : VScode, SourceTree, Notion, chrome remote desktop

기능소개

회원가입

  • 아이디 중복 체크를 통해 같은 아이디로 회원가입 할 수 없습니다.
  • 비밀번호 체크와 확인을 통해 안전한 비밀번호 설정에 도움을 줍니다.
  • 다음 우편번호 API를 활용한 주소 찾기 기능으로 편리하게 주소를 입력할 수 있습니다.
    ezgif-7-2d30d999c47b

아이디 및 비밀번호 찾기

  • 회원정보와 비교하여 일치하는 회원정보가 있을 경우 메일을 통해 회원 아이디를 확인할 수 있습니다.
  • 메일 인증을통해 새 비밀번호를 설정할 수 있습니다.
    ezgif-7-dee325db1545 ezgif-7-a58ac82bcf06

펫앤미 소개

  • 세로형 레이아웃을 통해 페이지 이동없이 정보를 볼 수 있습니다.
  • 스크롤 위치에따른 텍스트 CSS효과로 단조로울 수 있는 화면에 동적인 느낌을 주었습니다.
  • 카카오 지도API를 사용해 사용자들이 위치를 한눈에 알기 쉽게 구현했습니다.
    ezgif-7-2338f0c5ea4d

후기

  • 세로형 레이아웃을 통해 페이지 이동없이 정보를 볼 수 있습니다.
  • 부트스트랩 캐러셀을 활용한 베스트 리뷰를 구현했습니다.
  • 전체 게시물 페이징 처리를 통해 데이터를 부분적으로 받아와 로딩 속도를 개선시켰습니다.
  • 네이버 스마트에디터로 사진등 쉽게 후기 등록을 할 수 있습니다.
    ezgif-7-31818ca35261

github

최보라 github,김경오github, 도가영github, 박진우github, 소다미github,이승민github