파이널 프로젝트 기능구현

3. 기능 구현

3.1. 게시물 등록

3.1.1. 기본 등록화면

• 무료나눔 시 모달창이 뜨며 가격은 0원으로 자동수정된다
• 사진등록은 최대 5장 가능하며 그 이상 첨부 시 경고모달창이 뜬다

3.1.2. 사진미리보기 및 삭제

• 사진등록시 미리보기가 가능하며 삭제하고 다시 첨부가 가능하다

3.1.3. 시세검색 화면

• 시세검색 버튼 클릭 시 시세 검색팝업창이 뜬다
  • 검색결과가 없으면 다시 입력해달라는 메시지를 출력한다
  • 검색어의 가격 및 평균시세를 출력해준다

3.2. 더블마켓(중고시장) 메인화면

3.2.1. 기본 페이징화면

3.2.2. 검색 및 정렬 화면

• 카테고리 및 상품명으로 검색이 가능하다
• 검색된 글 갯수를 출력 및 페이징 처리
• 검색 결과에 따른 정렬도 가능하다

3.2. 게시물 상세화면

3.2.1. 상세페이지

• 게시물 작성시간이 몇 분전인지 확인가능
• 사진을 슬라이드형식으로 볼 수 있다
• 계좌보기 버튼 클릭 시 판매자의 계좌가 뜬다
• 본인 게시물의 경우에만 수정, 삭제 버튼이 활성화된다

3.2.2. 조회수기능

• 조회할 때마다 조회수가 증가한다

3.2. 게시물 수정

• 사진 수정 및 게시물 내용 수정이 가능하다
• 수정한 게시물은 제일 상단에 노출이 된다

3.3. 게시물 삭제

• 삭제 버튼 클릭 시 모달창이 뜨며 삭제 시 메인화면으로 이동한다

3.4. 찜 (관심상품)

• 찜목록 버튼 클릭시 모달창으로 찜한 상품들이 뜬다
  • 간단히 상품명과 가격만 출력된다
• 빈하트를 누르면 찜목록에 추가되며 다시 클릭시에는 찜목록에서 사라진다
• 찜목록 모달창에서 상품을 클릭하면 해당 게시물로 이동한다

3.5. 시세 검색

• 메인에서 시세검색 버튼을 클릭하면 시세버튼 페이지로 이동한다
• 올바르지 않은 검색어 일시 경고문이 뜬다
• 올바른 상품명 입력시 시세그래프와 평균시세를 출력한다
• 아래 상품보기 버튼 클릭 시 해당 상품목록 페이지로 이동한다

3.6. 댓글

3.6.1. 댓글 등록

• 작성자의 댓글은 색깔을 변경시켜주어 구분이 쉽게 하였다

3.6.2. 댓글 수정

• 본인이 쓴 댓글일 때만 댓글의 수정, 삭제 버튼이 활성화된다
• 수정 시 모달창이 뜨며 모달창에서 수정이 가능하다

3.6.3. 댓글 삭제

• 해당 댓글작성자만이 삭제가 가능하다