Mini Project : 내가 짤명왕

구성원

FrontEnd : 신민철, 김민정

BackEnd : 이태경, 임슬기, 김근보, 이세훈

프로젝트 설명

• 짤 이미지를 게시물에 업로드 한 후, 그 짤에 가장 어울리는 제목을 뽑는 웹페이지.

  • 짤 게시물에 댓글을 달아 좋아요를 가장 많이 받는 베스트 댓글 1,2,3 등을 뽑음
  • 1등 베스트 댓글이 짤 게시물 제목의 주인공이 되며, 순위 변경에따라 제목은 언제든 바뀔 수 있음.
  • 전체 게시물을 통틀어 작성한 댓글들의 좋아요 개수 총합이 가장 많은 유저가 페이지의 짤명왕으로 임명됨.

기능 설명

- User Service

• 회원가입 ( Post )

• 로그인 ( Post )

• 로그아웃 ( delete )

- Board Service

• 조회 ( Get ) ( 메인페이지에 페이지처리 )

  • 인기있는 게시물 ( 좋아요 기준 )
  • 그냥 게시물 ( 생성시간 기준 )

• 게시물

  • 게시물 업로드 ( Post ) → 이미지 업로드
  • 베스트 댓글이 짤 제목란에 자동으로 연동
  • 댓글 없을 때, 디폴트 값 넣어두기 ( 다르게 보여지게 )
  • 게시물 수정 ( Put )
  • 게시물 삭제 ( Delete )
  • 게시물 좋아요 ( Post )

• 댓글

  • 댓글 작성 ( Post )
  • 댓글 좋아요 ( Post ) ( 내림차순 정리 ) → 제일 좋아요가 높은 게 맨 위에 있고 나머지는 생성시간 기준으로 되어있지 않나요? 좋아요 수가 같으면 생성시간 빠른 사람이 1등!
  • 댓글 수정 ( Put )
  • 댓글 삭제 ( Delete )

페이지별 와이어 프레임

• 회원가입 페이지

  - 닉네임 조건: 닉네임은 2글자~10자 사이로 입력, 알파벳 또는 한글의 형태로 입력

  - ID 조건: 아이디는 4글자~10자, 알파벳 소문자와 숫자의 형태로 입력

  - Pw 조건: 비밀번호는 8글자~15자 사이로 입력, 알파벳(대문자 or 소문자) + 숫자 + 특수문자를 포함한 형태로 입력

  - 회원가입: 클릭 시 로그인 페이지 이동

로그인 페이지

- ID : 회원가입 시 입력한 아이디 정보 입력

- Pw : 회원가입 시 입력한 비밀번호 정보 입력

- 로그인: 클릭 시 전체 페이지 이동

메인 페이지

- 로그인 하지 않아도 조회 가능

- 인기 게시물: 좋아요를 많이 받은 순서대로 6개의 게시물을 왼쪽부터 노출

- 슬라이드 버튼 : 클릭 시 오른쪽으로 게시물 이동

- 게시물 클릭 : 해당 게시물 상세페이지로 이동

- 로그인 버튼 : 클릭 시 로그인 페이지 이동

- 회원가입 버튼 : 클릭 시 회원가입 페이지 이동

전체 페이지

- 로그인 하지 않아도 조회 가능

- 게시물: 작성 시간 순서대로 내림차순 정렬하여 노출

- 게시물 클릭 : 해당 게시물 상세페이지로 이동

- 짤명왕 : (누적으로 짤명왕 할지 주 별로 초기화시켜서 금주의 짤명왕할지 정해야함)

- 짤 작성하러가기 버튼 : 클릭 시 작성 페이지로 이동

- ♥(좋아요) 버튼 : 클릭 시 해당 게시물 좋아요(한 번더 클릭 시 좋아요 취소)

작성 페이지

- 로그인 해야지 작성 가능(로그인 하지 않을 시 로그인 페이지로 이동)

- 이미지 업로드: Drag & drop 으로 이미지 업로드 가능

- 이미지 제목: Default 값으로 설정

- 등록하기 버튼 : 클릭 시 게시물 등록 후 상세페이지로 이동

- 안녕하세요,000님 : 로그인 한 회원정보를 토대로 닉네임 노출

상세 페이지

- 로그인 없이 조회 가능

- 짤 이미지 제목 : *베스트 댓글 1등 (없을 시 deafault로 설정)

- 베스트 댓글 : 좋아요를 많이 받은 순서대로 1,2,3 등 내림차순 정렬 (좋아수가 같을 시 작성날짜 기준으로 내림차순 정렬)

- 게시글 수정 버튼 : 클릭 시 게시물 수정

- 게시글 삭제 버튼 : 클릭 시 게시물 삭제

- 게시글 ♥(좋아요) 버튼 : 클릭 시 해당 게시물 좋아요(한 번더 클릭 시 좋아요 취소)

- 댓글 입력란: 댓글 입력 후 등록하기 버튼을 눌려 작성

- 댓글 리스트: 댓글 목록 조회(작성날짜 기준으로 내림차순 정렬)

- 댓글 수정 : 클릭 시 댓글 수정

- 댓글 삭제 : 클릭 시 댓글 삭제

- 댓글 ♥(좋아요) 버튼 : 클릭 시 해당 댓글 좋아요(한 번더 클릭 시 좋아요 취소)