Portfolio

홈화면

프로필 수정

나의 지역 설정

관심 글 조회

반려견 실종 신고/제보

포스트 목록

포스트 작성

포스트 조회

로그인

회원가입

반려견 입양 정보

헤더 + 필터 옵션

전단지

실종, 발견 통계

알림 쪽지

입양 추천

User Story

이름

컴포넌트

배분

내용

ETC 2

피그마 담당자 (임시)

모든 페이지 공통

로그인 관련 1. 로그인 안돼있으면 최신순의 게시글 렌더링 2. 로그인 돼있으면 유저 관심 지역 기반 렌더링 (로그인 상태가 유지 돼있으면) 로고 바뀜 → 피그마 확인할게요

미해결

1. 통계 정보(실종, 완료, 보호 등) 표시 어디에 할지. → 메인 페이지 상단 모달

공통 컴포넌트

공통 헤더

1. 헤더 검색은 통합 검색(우선 순위 매우 낮음) 2. 시/도, 시/군/구 주소. selection으로 ※ 시군구 필터링된 리스트를 백엔드에서 주시는거 맞으신가요?→ api 제공 해줄 것 같습니다. 필터 기능 동물 종류(강아지, 고양이, 기타), 게시글 카테고리(실종, 목격, 보호, 완료), 성별(모름도 존재), 세부 종류(품종), 날짜 ※ 날짜는 무엇을 기준으로 할 것인가? 날짜는 범위로 잡기. *동물을 잃어버린 날짜를 따로 입력받아야함. 실종은 잃어버린 날짜, 보호는 보호한 날짜, 발견은 발견한 날짜. ※ 알림 - 실종/보호 게시글 알림은 유저 관심 주소에 해당하는 관심 품종이 올라오는 경우 알람. 표시되는 데이터는 유저 아이디, 품종, 글의 종류(목격, 보호)

상우

사이드바

내용 1. 개인 정보 수정 2. 나의 활동 정보(스크랩한 글, 작성한 글) 3. 반려 동물 입양 정보 4. 글 작성

영후

(실종신고) 포스트 목록 페이지

포스트 전용 헤더

소팅 기능 - 조건 중복 적용 불가 - ~~조회수~~, 날짜(최신순, 오래된순), ~~스크랩 카운트 순~~

상우

포스트

1. 기본적으로 유저가 관심 지역으로 설정한 포스트들을 먼저 보여줌. 표시할 데이터 1. 품종, 성별, 스크랩 카운트, 댓글 카운트, 주소, 날짜, 헤쉬태그, 상태, 조회수 ※ 스크랩(관심 갖는 글) 유무 1. 스크랩을 했는지, 안했는지를 표시할 수 있게. (좋아요와 유사함) 2. 밖에서도 되고, 안에서도 되게 스크랩의 존재 유무는 관심 갖는 글임. 유사한 반려 동물을 봤을 때 확인할 수 있게. ※ 헤쉬태그 개수 헤쉬태그에 기능을 넣는다고 한다면, 백엔드 입장에서 손볼게 많음. 그니까 지금 픽스를 해야함. 아무 기능을 안 넣을 것인지. —> 결국에는 확장성있게 만든다는 말씀 추후에 결정하기 글의 상태를 바꾸는 방법 추후에 결정

상우

포스트 모달

표시할 데이터 1. 댓글, 상태 라벨, 장소, 특징, 칩 번호, 연락처, 내용, 사진, 아이디, 품종, 성별, 나이, 날짜 2. 보호 신고. 우선은 보류 (선택기능) 3. 스크랩 기능 ※ 댓글 1. 수정, 삭제, 시간, 대댓글(선택기능) - 게시물 삭제하면 댓글도 다 삭제하기 - 삭제 버튼을 누르면, 이 댓글은 삭제된 댓글입니다. 로 표시함. 댓글은 백데이터로 갖고 있어야 함. 악플과 관련한 법적인 문제. - 처리는 백엔드 쪽에서 함. 데이터는 '이 댓글은 삭제된 댓글입니다' 텍스트로 받을 수 있음. ※ 회원 프로필 누르면 추가적인 기능? 선택기능

상우

포스트 작성 페이지

항목 1. 상태 라벨(필수), 날짜(필수), 장소(필수), 연락처(필수), 품종(기타, 모름 선택 가능), 성별(모름 선택 가능), 나이(모름 선택 가능, OO세 이상) → (숫자 입력으로 넣기. 모름은 checkbox로, 체크되면 input은 disabled. 품종이나 성별도 모름 있으면 checkbox로 만들기) 특징(해쉬테그, 선택적) → 6개, 5글자 제한 → 백엔드 → 퓨어 / 프론트 → # 처리 칩 번호(선택적), 사진(필수 X) —>0..3 장(기본 이미지는 프론트에서 처리) (이미지 사이즈는 백에서 썸네일 라이브러리로 처리) (프론트 + 백엔드 첨부 이미지 포맷/용량 제한) 주인의 말(—>'내용'으로 명칭 변경 및 필수 입력) ※ 장소는 상태 라벨에 따라서 변경. 목격 장소나 실종 장소를 그냥 장소로 표시하기 ※ 품종 강아지를 누르면, 강아지에 대한 품종을 가져옴(API). 모름도 선택 가능할 듯 고양이를 누르면, 고양이에 대한 품종을 가져옴. 모름도 선택 가능할 듯 기타를 누르면, 반려 동물(고슴도치, 까마귀, 앵무새 등)을 직접 입력하게 품종 선택을 구현하는 방법은 (1차목표) selection, (2차목표) 페이지 or tagify 이용하기 ※ 사진은 목격글의 경우, 올릴 수 없으므로, 필수로 할 수 없음 ※ 시/도, 시/군/구, 뿐만 아니라, '상세 주소(현대백화점 3층 화장실 등)' 역시도 입력 가능함.

영후

(보호소 유기견) 포스트 목록 페이지

포스트

글만 뿌려준다고 생각하면 됨. 보호소 찾지 말고, 섬네일에서 표시할 데이터 1. 사진, 품종, 나이, 등록일, 지역

영후

포스트 모달

추후 백엔드에서 구체적인 데이터 적어놓을 예정 나이 보호장소 보호소이름 보호소전화번호 ~~담당자~~ 색상 (사진이 있다면 필요없을듯?) → 필요! ~~유기번호 (공고 번호 있으면 필요없을듯?)~~ Thumbnail Image 접수일 발견장소 품종 중성화여부 공고종료일 공고번호 공고시작일 담당자연락처 ~~관할기관 (보호소 이름 있으면 필요없을듯?)~~ Image 상태 성별 특징 체중 기능 1. 스크랩

영후

마이 페이지

~~관심지역 몇 개 받을건지? → 피그마에 있는게 나의 지역설정인지, 알림의 지역 설정 키워드인지 헷갈립니다. 알림 키워드 몇 개 받을건지?~~ 2개 지역에 대해서 알림 받기. 키워드 알림(품종 등)은 선택 사항임 (키워드 알림 UI는 안그림)

지현

스크랩(관심 목록) 페이지

지현

개인 작성글 페이지

지현

로그인 페이지

항목 1. 아이디/비밀번호 찾기 페이지

지현

회원 가입 페이지

1. 로컬 회원가입이든 OAuth든 회원가입 후, 추가 정보 설정(관심 지역 설정) 페이지로 redirect 2. 다음에 하기 버튼 필요. 어떤 정보를 받을 것 인가? 1. Kakao OAuth에서 요구하는 정보를 기반으로 회원가입 항목 짜기. OAuth를 파악한 후, 후에 다시 이야기해주실 예정. 로컬 폼과 OAuth 폼은 동일하게 가져가는 방향으로 할 예정. 어떤 SNS로 로그인을 시킬 것인가? (필수) 구글, 카카오 / (선택) 네이버 회원 탈퇴는 삭제를 하거나, 안하거나에 대한 법적인 문제가 없나요? 추후 논의

로그인 후, 메인 페이지

추후 구현

반려동물 추천 페이지

유저 스토리