임시보호 서비스 이용 신청
- NICE 개인 정보 인증
- 모바일 반응형
- 화면 기록
임시보호 공고 등록
- 공고 제출 시 data POST
- 공고 임시저장
- DB 저장 닉네임, 주소 data GET
- 유효성 검사 ( 제출하기, 임시저장 )
- 이미지, 동영상 업로드
- 임시저장, 제출하기 동적 스키마
- 제출 버튼 클릭 시 모달 띄우기
- DatePicker
- 모바일 반응형
- 화면 기록
임시보호 신청서 등록
- 신청서 제출 시 data POST
- DB 저장 닉네임, 휴대폰 번호, 주소 data GET
- 유효성 검사 ( 제출하기 )
- 제출 버튼 클릭 시 모달 띄우기
- 모바일 반응형
- 화면 기록
임시보호 리스트
- 공고 리스트 data GET
- 페이지네이션
- 필터링 + 필터링 결과가 없는 경우
- 관심 등록, 해제
- 공고 상세 페이지 동적 라우팅
- 무한스크롤
- 모바일 반응형
- 화면 기록
임시보호 공고 상세
- 공고 상세 data GET
- 신청하기 버튼 클릭 시 해당 공고에 대한 신청 폼으로 이동
- 관심 등록, 해제
- 이미지 캐러셀
- 댓글, 대댓글
- 작성하기 ( POST )
- 리스팅 ( GET )
- 수정하기 ( PUT )
- 삭제하기 ( DELETE )
- 공고 상세 정보, 댓글, 신청서 목록 Tab 분리
- 내가 작성한 공고만 신청서 목록 Tab 접근 가능
- 내가 작성한 공고 → 수정하기, 그렇지 않으면 신청하기 버튼
- 신청서 상태 변경 ( 수락, 거절 )
- 모바일 반응형
- 화면 기록
내가 작성한 공고 리스트
- 내가 작성한 공고 data GET
- 페이지네이션
- 공고 상태 변경 ( 임시 저장, 진행중, 보호 확정, 게시 중단 )
- 공고 상세 동적 라우팅 → 공고 상세보기 페이지
- 내가 작성한 공고가 없는 경우 → 공고 목록 보러가기
- 무한스크롤
- 모바일 반응형
- 화면 기록
내가 작성한 신청서 리스트
- 내가 작성한 신청서 data GET
- 신청서를 작성한 공고 data GET
- 페이지네이션
- 신청서 상태 변경 ( 지원 완료 → 지원 취소 )
- 지원 취소 시 모달 띄우기
- 공고를 누르면 해당 공고 상세로 동적 라우팅
- 신청서를 누르면 해당 신청서 상세 보기
- 내가 작성한 신청서가 없는 경우 → 공고 목록 보러가기
- 무한스크롤
- 모바일 반응형
- 화면 기록
나의 관심 공고 리스트
- 나의 관심 공고 리스트 data GET
- 카드 클릭 시 해당 공고 상세로 동적 라우팅
- 관심 등록, 해제
- 페이지네이션
- 나의 관심 공고가 없는 경우 → 공고 목록 보러가기
- 무한스크롤
- 모바일 반응형
- 화면 기록
신청서 상세 보기
- 개별 신청서 상세 data GET
- 뒤로가기 버튼
- 모바일 반응형
- 화면 기록
공고 수정 폼
- FooterButton 제외 EntrustForm UI와 동일
- 공고 상세 defaultdata get
- 공고 수정 (put)
- 공고 삭제 (delete)
- FooterButton
- 모바일 반응형