21.03.22 - 21.04.26 Semi-Project

우리 가족 어딨어?

🐾Description

'우리 가족 어딨어?' 는 잃어버린 반려동물을 찾을 때 사용할 수 있는 게시판 형식의 웹페이지 입니다.

종합유기견보호센터 를 벤치마킹하여 간결한 UI와 목적에 맞는 기능 구현으로 사용성을 높이고자 했습니다.

• 반려동물 찾기
• 유기동물 발견
• 스토어
• 후기
• 공지사항

메뉴는 총 5개로 구성되어 있으며, 회원으로 로그인 시 마이페이지 를 추가적으로 이용할 수 있습니다.

반려동물 찾기, 유기동물 발견, 후기 게시판의 글쓰기와 글 상세보기 기능은 회원에게만 제공됩니다.

관리자 계정으로 로그인 시 관리자 페이지 를 이용할 수 있습니다.

🐾Development Environments

• OS Window 10 64bit
• WAS Apache Tomcat 9.0
• DBMS ORACLE 11g Express Edition Release 11.2.0
• IDE Eclipse 2019.12
• Browser Support Chrome
• Design bootstrap-3.3.2
• JAVA java-1.8.0-openjdk
• SVN Git 　

🐾APIs

• Import 결제모듈 API
• KAKAO 지도 API
• KAKAO 우편번호 API
• Chart.js
• Naver SmartEditor2
• SHA-256

🐾Library

• ojdbc6
• commons-fileupload 1.4
• commons-io 2.8.0
• gson 2.8.6
• mail 1.4
• jQuery 2.2.4

🐾Language & Skills

• JAVA Servlet JSP HTML5 CSS3 Javascript jQuery AJAX Oracle

🐾Full Function

• 로그인/회원가입 - 로그인, 회원가입, ID 찾기, PASSWORD 찾기
• 마이페이지 - 프로필 수정, 작성한 글 조회, 구매 목록 조회
• 반려동물 찾기 - 전체 게시글 조회, 글 작성, 글 상세조회, 댓글 작성·수정·삭제
• 유기동물 발견, 후기 - 반려동물 찾기 와 같음 (생략)
• 스토어 - 전체 상품 조회, 상품 상세 조회, 상품 구매
• 공지사항 - 전체 게시글 조회, 글 상세조회, 글 작성·삭제(관리자권한), 발견/찾기 현황 차트, 쿠폰 룰렛
• 관리자페이지 - 회원 DB 삭제, 게시글 조회·삭제, 상품 등록·삭제

🐾My Role

• 기획
  • 스토리보드 - 관리자페이지 작성
  • 요구사항 정의서 - 관리자페이지 작성
• 설계
  • DB 설계(ER 다이어그램) - 팀원들과 의논하여 함께 작성
  • 클래스 다이어그램 - 반려동물찾기 와 유기동물발견 작성
• 구현
  • 🔹반려동물 찾기, 유기동물 발견의 글쓰기 페이지 구현
    
  • 🔹관리자 페이지 - 회원 관리 구현
    
  • 🔹관리자 페이지 - 찾기 게시글 관리 구현
    
  • 🔹관리자 페이지 - 발견 게시글 관리 구현
    
  • 🔹관리자 페이지 - 후기 게시글 관리 구현
    
  • 🔹관리자 페이지 - 제품 관리 구현
    
  • 🔹관리자 페이지 - 제품 등록 페이지 구현
    
  commons-fileupload, commons-io, ojdbc6, Naver 스마트에디터 라이브러리 사용
  다중 파일(사진) 업로드 및 미리보기 기능 구현
  javascript, jQuery로 파일 유효검사 기능 구현 (확장자, 크기, 개수 등)
  회원관리, 찾기 게시글 관리, 발견 게시글 관리, 후기 게시글 관리, 제품 관리의
  전체 데이터 조회 및 데이터 삭제 기능 구현
  gson 라이브러리 사용.
  카테고리 선택 시 AJAX로 데이터 조회하도록 구현
  commons-fileupload, commons-io, ojdbc6 라이브러리 사용
  단일 파일(사진) 업로드 및 미리보기 기능 구현
  javascript, jQuery로 파일 유효검사 기능 구현 (확장자, 크기, 개수 등)

🐾Demo

🙇🏻‍♀️세미프로젝트 회고록
🙇🏻‍♀️파이널프로젝트-뻔펀