[세미 프로젝트] 실시간 배송 현황 조회 및 배송관리, 유기견 목록 관리 기능 구현

안녕하세요.
https://blog.naver.com/sysysy0302 여니입니다 :)

 

🏷️ Project 1 - 유기견, 유기묘 홈페이지 (7H_THE_TOWN)

이번 프로젝트의 주제를 정하면서 다양한 주제들 중에 고민을 많이 했어요.

여러번 팀원들과 회의를 통해 소셜네트워크, 호텔, 쇼핑몰, 공항 등 다양한 사이트들 목록이 나왔습니다. 그 중 타 팀원들과 주제가 겹치지 않으면서 사회적으로 대두되는 문제를 해결하는데에 도움이 되는 주제가 없을까 하고 팀원들과 의논하여 내린 결정은 **’유기견, 유기묘 입양사이트’**이었습니다.

유기견, 유기묘 문제는 사회적으로 계속 이슈가 되고 있으며, 우리 사회에서 유기동물의 환경을 개선하고 안락사 문제를 완화함으로써 사회적 비용도 감소시키고자 이번 프로젝트의 주제를 선정하게 되었습니다.

개발하는 데에는 실시간으로 유기견, 유기묘의 배송 현황을 체크하고 유기견 목록을 관리하며, 후원 통계를 살펴 볼 수 있는 기능을 개발하는 것이 주가 되었습니다.

제가 맡은 기능은 마이페이지 내의 실시간 배송 현황 조회와 배송 상세 조회, 관리자페이지 내의 유기견 목록 관리와 배송 목록 관리였습니다. 그 외 기본 UI 설계 보조 역할과 메인용 영상 및 뉴스기사 자료 수집, 유기견 사진 목록 수집의 역할을 맡았습니다.

 

Semi Project (7H The Town)

프로젝트 명	Semi Project (7H The Town)
수행기간	2023.06.19 ~ 2023.07.21
개발 목표	- 회원가입시 동의 확인 후 회원가입 - 마이페이지 내의 나의 활동 조회(게시글 관리, 찜목록, 배송목록 및 실시간 현황, 후원 내역, 문의 내역) 구현하기 - 개인 쪽지함 및 쪽지 주고 받기 기능 - 게시판에서 게시글 목록 검색 및 작성, 수정, 삭제, 신고, 댓글 기능 구현하기 - 유기견 입양 페이지 내의 유기견 목록 검색, 찜하기, 입양하기 기능 구현하기 - 후원 페이지 내의 후원 통계 및 신청하기 구현하기 - FAQ 목록 및 1대1 상담 구현하기 - 관리자 페이지 내의 회원, 유기견, 배송, 게시글, 신고 및 문의 관리 기능 구현하기
사용기술 및 개발환경
구현기능	- 로그인, 로그아웃 / 회원가입 (서약서) - 마이페이지 (후원 내역 조회, 배송 내역 조회, 문의 내역, 개인정보 수정, 내가 쓴 게시글, 최근에 본 유기견 조회, 개인 쪽지함) - 고객센터 (1대1 상담 쪽지, FAQ 목록) - 유기견 목록 페이지 (유기견 조회, 찜하기 기능, 유기견 검색, 입양 신청) - 게시판 (게시글 등록, 게시글 수정/삭제, 게시글 검색, 게시글 전체 조회, 게시글 상세조회, 카테고리 선택, 신고기능, 공지사항) - 후원 (후원신청, 후원 현황조회) - 관리자 페이지 (회원관리, 유기견 관리, 배송관리, 게시글 관리, 후원 관리, 신고 및 문의 관리)
담당 역할	- 기본 UI 설계 보조 - 마이페이지 (실시간 배송 현황, 배송 상세 조회) - 관리자 페이지 ( 1. 유기견 목록 관리 – 목록, 추가, 삭제                             2. 배송관리 – 목록, 수정, 삭제) - 메인용 영상 및 뉴스기사 자료, 유기견 사진 목록 수집

 

 

실시간 배송 현황

구현기능설명
- loginUser 유저 세션에 저장된 로그인한 회원의 ID를 가져와서 마이페이지 화면에 실시간 배송 현황이 표시됩니다.
- 배송 현왕의 위치는 반려동물의 배송 위치에 따라 실시간으로 변경됩니다.
- if(I == 1) break; 구문으로 실시간 배송현황 페이지의 창에는 단 하나의 최신 배송정보만 출력됩니다.

 

베송 상세조회

구현기능설명
- 마이페이지의 ‘배송현황’을 누르면 내가 입양한 반려동물의 정보를 확인할 수 있습니다.
- loginUser 유저 세션에 저장된 로그인한 회원의 넘버를 가져와 입양 신청한 반려동물의 수를 표시합니다.
- 나의 입양 신청한 반려동물의 견종, 이름, 배송상태를 모두 조회할 수 있습니다.
- userNo로 조회한 회원 번호를 통해 로그인한 ID에 해당하는 정보만 조회됩니다.

 

유기견 목록 관리

구현기능설명
- 내가 입양한 반려동물의 견종, 이름, 배송 상태를 모두 조회할 수 있습니다.
- 관리자의 계정으로만 접근할 수 있으며, 관리자페이지에서 유기 동물관리 탭에서는 유기 동물들의 목록을  표시합니다.
- 나의 입양 신청한 반려동물의 견종, 이름, 배송상태를 모두 조회할 수 있습니다.
- userNo로 조회한 회원 번호를 통해 로그인한 ID에 해당하는 정보만 조회됩니다.

 

유기견 목록 관리 (삭제 및 추가)

 

구현기능설명
<삭제>
- 관리자의 계정으로만 접근할 수 있습니다.
1) 삭제할 pet의 정보를 forEach문 + “,“ 로 정보를 list에 담은 뒤 컨트롤러에서 split으로 list에서 삭제할 유기 동물의 목록을 삭제할 수 있습니다.
2) forEach문 +”,”로 삭제할 유기견 정보를 구분하여 value 값을 list에 담아줍니다.
3) list에 담은 삭제할 pet의 정보를 split(“,”)으로 나누고, for문을 통해 유기견 정보를 삭제합니다.

<추가>
- 유기 동물들의 목록을 추가할 수 있습니다.

 

유기견 배송관리 (목록 조회)

구현기능설명
- 관리자의 계정으로만 접근할 수 있습니다.
- 관리자페이지에서 배송관리 탭에서는 반려동물들의 배송 준비, 배송 중, 배송 완료인 목록을 표시합니다.
- 개더타운 회원이 입양 신청한 반려동물의 견종, 이름, 배송 상태를 조건문과 반복문을 통해 조회할 수 있습니다.

 

유기견 배송관리 (수정 및 삭제)

구현기능설명
- 관리자의 계정으로만 접근할 수 있습니다.
- 삭제할 pet의 정보를 forEach문 + “,“ 로 정보를 list에 담은 뒤 컨트롤러에서 split으로 list에서 삭제할 유기 동물의 목록을 삭제할 수 있습니다.
- forEach문 +”,”로 삭제할 유기견 정보를 구분하여 value 값을 list에 담아줍니다.

 

UI 설계 보조 및 메인 자료수집

구현기능설명
- 각자 파트를 나누기 전 필수로 꼭 필요했던 회원가입 및 로그인 창, 팝업창, 가입 동의 창 등의 UI를 부분적으로 맡아서 진행하였습니다.
- 그 외, pet 리스트에 들어갈 반려동물들의 사진과 메인 페이지에 보여지는 뉴스 기사 및 유튜브 영상 등 자료 수집 역할을 분담하였습니다.

 

+ 원본은 제 포트폴리오를 참고해주세요~

https://rebel-diplodocus-7f4.notion.site/Semi_Project_7H_THE_TOWN-f867de3eebe84970b2eccf4d4ac6facc?pvs=4 

Semi_Project_7H_THE_TOWN