[프로젝트] 스프링 부트 게시판 만들기 화면 설계 04 (드림리멤버 v2)

공통 부분

1. 드림리멤버에 공통으로 적용되는 부분

2. 로그인시 로그아웃, 비 로그인시 회원가입 로그인 버튼을 활성화 한다.

3 게시글 작성, 로그인 클릭시 로그인 페이지로 이동한다.

4. 회원가입 클릭시 회원가입페이지로 이동한다.

5. 로고 클릭시 전체페이지로 이동한다.

 

로그인 페이지

1. 닉네임과 패스워드를 입력받고 로그인 버튼을 클릭시 로그인을 진행 후 전체페이지로 이동한다.

2. 카카오톡으로 로그인 클릭시 카카오api를 이용하여 로그인을 진행 후 전체페이지로 이동한다.

회원가입 페이지

1. 닉네임, 비밀번호, 비밀번호 확인을 입력받고 회원가입 버튼 클릭시 회원가입을 진행하고 로그인 페이지로 이동한다.

전체 페이지 (메인)

1. 제목 작성자명 작성날짜가 조회된다.2. 제목 클릭시 꿈 상세페이지로 이동

2. 작성날짜 기준으로 내림차순 정렬

3. 게시글을 페이지 순으로 보여주고 번호를 클릭시 해당 페이지로 이동

4. < 나 >를 클릭시에는 이전 이후 페이지로 이동

게시글 작성 페이지

1. 제목 작성자명 내용을 입력받는다.

2.등록 버튼 클릭시 게시글이 등록되고 전체페이지로 이동한다.

3. 취소버튼 클릭시 전체페이지로 이동한다.

게시글 수정 페이지

1. 제목 작성자명 내용을 입력받는다.

2. 수정 버튼클릭시 게시글이 등록되고 수정후 게시글 상세조회 페이지로 이동

3. 취소버튼 클릭시 전체페이지로 이동한다.

게시글 상세조회

1. 제목 작성자명 작성일 작성내용을 보여준다.

2. 목록으로 클릭시 전체페이지로 이동한다.

3. 글을 작성한 사람만 수정 삭제가 활성화되며 수정클릭시 수정페이지로 이동하고 삭제클릭시 게시글이 삭제되고 전체페이지로 이동한다.

4. 삭제버튼 클릭시 게시글이 삭제되고 전체페이지로 이동한다.

5. 로그인하지 않은 사용자도 댓글 목록 조회 가능

6. 댓글 작성을 클릭시 로그인 하지 않은 유저라면 로그인페이지로 이동 아니라면 댓글 작성

7. 내가 작성한 댓글만 수정가능하고 수정 버튼 클릭시 댓글 본문이 사라지고 댓글 내용 저장버튼 생성하고 삭제버튼 클릭시 정말 삭제하시겠습니까? 메시지를 띄우고 확인 버튼을 누른 경우 목록에서 해당 댓글을 삭제하기

유투브 영상

www.youtube.com/watch?v=4fFDbNcs3xA