---
# System prepended metadata

title: 기획서
tags: [project base]

---

# 기획서

## 기능
### 필수
- 중고 매물 목록
- 매물 상세. 댓글
- 매물 검색
- 평가하기
- 프로필. 나의 판매/구매내역. 내가 받은 평가

### 선택
- 레벨
- 채팅
- 매물 올리기?
- 매물 구매? 구매 내역에 보여야하니..


## 페이지 목록
1. ~~로그인~~
2. ~~로그인 리다이렉트 페이지~~
3. ~~메인 페이지(검색 페이지)~~
4. ~~카테고리 페이지(선택)~~
5. ~~매물 상세 페이지~~
6. 평가 페이지
7. ~~구매 확인 페이지~~
8. ~~프로필~~
9. ~~판매 내역 페이지~~
10. ~~구매 내역 페이지~~
11. ~~매물 추가 페이지~~ [필수!]
12. 알림페이지(선택)


## 페이지별 상세 기능
1. 로그인
    - 네이버 로그인
2. 로그인 리다이렉트 페이지
    - 네이버 인증 사이트에서 code 값과 함께 리다이렉트가 되면 서버로 code 값을 보내서 로그인을 진행한다.
3. 메인 페이지(검색 페이지)
    ![](https://i.imgur.com/qwE8yky.jpg)
    - 상단의 헤더에 홈, 검색바, 카테고리 버튼, 프로필 버튼이 있다.
    - 메인 섹션에 최근 중고 매물들이 보여진다.
    - 검색을 하면 메인 섹션에 검색된 매물들이 보여진다.
        - 각 매물의 사진, 제목, 지역, 가격이 보여진다.
    - 매물을 선택하면 해당 매물 상세 페이지로 이동한다.
    - 하단 오른쪽의 + 모양 버튼을 누르면 매물 추가 페이지로 이동한다.
4. 카테고리 페이지
    ![](https://i.imgur.com/gIX6pKs.png)
    - 카테고리 체크박스가 보이고 체크를 하면 메인 페이지의 매물이 필터링 되어서 검색된다.
5. 매물 상세 페이지
    ![](https://i.imgur.com/9YECnS2.jpg)
    - 매물의 사진이 보인다.
    - 매물을 올린 사람, 레벨이 보인다.
    - 매물의 제목, 가격, 상세 내용이 보인다.
    - 하단에 댓글 목록이 있다.
    - 매물 구매
        - '(채팅으로) 거래하기' 버튼을 누르면 거래 요청이 등록된다.
    - 매물을 구매한 사람이 매물 상세 페이지에 들어가면 하단의 버튼이 '판매자 평가하기'로 변경되어 있다. 버튼을 클릭하면 평가 페이지로 이동한다.
    - 매물을 판매하는 사람이 매물 상세 페이지에 들어가면 하단의 버튼이 '구매자 확정하기' 버튼으로 변경되어 있다. 버튼을 클릭하면 구매 확인 페이지로 이동한다.
6. 평가 페이지
    ![](https://i.imgur.com/0C8P68W.png)
    - 지정된 평가 항목들이 나오고 각 항목들을 체크할 수 있도록 만든다.
7. 구매 확인 페이지
    ![](https://i.imgur.com/p4fHQG2.png)
    - 구매 요청을 보낸 사람들의 목록이 나온다.
    - 그 중 선택을 하여 구매 확정을 할 수 있다.
8. 프로필
    ![](https://i.imgur.com/sK20AMZ.png)
    ![](https://i.imgur.com/8ILvKcM.png)
    - 내 id, 레벨, 프로필 사진이 보인다.
    - 나의 판매 내역 버튼을 클릭하면 판매 내역 페이지로 이동한다.
    - 나의 구매 내역 버튼을 클릭하면 구매 내역 페이지로 이동한다.
    - 하단에 받은 평가 항목들과 인원이 보인다.
9. 판매 내역 페이지
    - 사용자가 판매 내역이 메인 페이지의 매물들과 같은 모양으로 보여진다.
    - 클릭을 하면 해당 매물의 상세 페이지로 이동한다.
10. 구매 내역 페이지
    - 구매 요청 탭과 구매 확정 탭으로 나뉘어 있다.
    - 구매 요청 탭에는 구매 요청을 보낸 매물들이 메인 페이지의 매물들과 같은 모양으로 보여진다.
    - 구매 확정 탭에는 구매 확정을 한 매물들이 메인 페이지의 매물들과 같은 모양으로 보여진다.
11. 매물 추가 페이지
    ![](https://i.imgur.com/EhJOAvJ.png)
    - 제목, 사진, 가격, 상세 내용을 입력할 수 있다.
    - 제목을 추가하지 않으면 추가할 수 없다.
    - 확인 버튼을 누르면 메인 페이지로 이동한다.
12. 알림페이지(선택)



## user flow
1. 로그인 페이지.
    1. 로그인 실패시 비밀번호 input 초기화
    2. 회원가입 버튼 클릭시 회원가입 페이지로 이동
    3. 로그인 성공시 메인 페이지로 이동
2. 로그인 리다이렉트 페이지
    1. 로딩 중이 표시된다.
    2. 로그인을 완료하면 자동으로 메인 페이지로 이동한다.
3. 메인 페이지
    1. 로그인이 되어있지 않으면 로그인 페이지로 이동
    2. 기본적으로 최근 매물 목록이 메인 섹션에 보인다.
    3. 검색*을 하면 해당되는 매물로 메인 섹션 업데이트
    4. 매물을 클릭하면 매물 상세 페이지로 이동
    5. 우하단 매물 추가(+) 버튼 클릭시 매물 추가 페이지로 이동
    6. 헤더의 프로필 버튼 클릭시 프로필 페이지로 이동
    7. 헤더의 카테고리 버튼 클릭시 카테고리 페이지로 이동
4. 카테고리 페이지
    1. 카테고리를 선택한 후 확인이나 뒤로가기 클릭시 메인페이지로 이동한 후 선택한 카테고리가 반영된 검색이 된다.
5. 매물 상세 메이지
    1. 댓글을 등록할 수 있다. 
    2. 매물 게시자일 경우 하단의 버튼이 '구매자 확정하기'라고 보이고 버튼을 클릭하면 구매 확인 페이지로 이동한다.
    3. 매물 구매자일 경우 하단의 버튼이 '판매자 평가하기'라고 보이고 버튼을 클릭하면 평가 페이지로 이동한다.
    4. 3-2, 3-3 모두에 해당하지 않은 경우 하단의 버튼이 '(채팅으로) 거래하기'라고 보이고 버튼을 클릭하면 구매 요청이 전송된다.
6. 평가 페이지
    1. 평가 항목들이 보이고 각 항목을 체크할 수 있다.
    2. 확인 버튼을 누르면 평가가 전송된다.
7. 구매 확인 페이지
    1. 구매 요청을 보낸 사람들이 보이고 선택을 한 후 구매 확정을 할 수 있다.
8. 프로필 페이지
    1. 판매 내역 버튼을 클릭해서 판매 내역 페이지로 이동할 수 있다.
    2. 구매 내역 페이지를 클릭해서 구매 내역 페이지로 이동할 수 있다.
9. 판매 내역 페이지
    1. 매물을 클릭해 해당 매물의 상세 페이지로 이동할 수 있다.
10. 구매 내역 페이지
    1. 탭을 클릭해 구매 요청 내역과 구매 내역을 변경할 수 있다.
    2. 매물을 클릭해 해당 매물의 상세 페이지로 이동할 수 있다.
11. 매물 추가 페이지
    1. 제목, 사진, 가격, 상세 내용을 입력
    2. 확인 클릭시 메인 페이지로 이동 




# 논의해볼 것
- 매물 올리기 기능이 필요한가? 필요하다.
- 매물 구매? 구매 내역에 보여야하니..
    - 매물 구매 방법을 어떻게 하면 좋을까? 2안
- 채팅을 만든다면 화면 어디에 놓아야할까? 구매 요청을 한 뒤에 채팅
- 평가는 어떻게 할까?
    - 기존 당근마켓 방식으로 구체적인 평가 리스트 제공
    - 별점으로 평가
    
    
###### tags: `project base`