React + Spring Boot + MySQL (1)

출처 : 유튜브 Jiraynor Programming

React와 Spring Boot를 사용하여 블로그를 만들어보자

해야 할 것

1. 회원가입
2. 로그인
3. 프로필 수정
4. 게시물 작성
5. 게시물 리스트 보기
6. 게시물 상세보기
7. 게시물 수정
8. 게시물 삭제
9. 댓글 작성
10. 좋아요

요구사항 정리

사용자는 회원가입을 진행한다

• 이메일 주소
• 비밀번호
• 비밀번호 확인
• 닉네임
• 핸드폰 번호
• 상세주소

회원가입이 성공적으로 이루어지면 로그인을 진행한다

• 이메일
• 비밀번호

로그인을 성공하면 메인화면으로 이동한다

메인화면 구성

• 주간 Top3 게시물
  한 페이지에 5개씩
  페이징 처리
  

상단 네비게이션 바

• 네비게이션에서 검색 가능
• 마이페이지로 이동

마이페이지

• 닉네임 및 프로필 수정
• 게시물 등록 가능

게시물 등록

• 제목
• 내용
• 사진 및 동영상 파일 등록

게시물 리스트

• 게시물 클릭 시 제목, 작성자, 작성자 프로필 사진, 작성일, 내용, 사진 및 동영상 파일 출력
• 만약 본인 게시물이라면 수정가능
• 만약 본인 게시물이라면 삭제가능
• 본인 게시물이 아니라면 좋아요
• 모든 게시물에 댓글 작성 가능

게시물 수정

• 제목
• 내용
• 사진 및 동영상

댓글

• 내용
• 작성자 프로필 사진 및 이름
• 작성일
• 페이징 처리
  (한번에 3개씩)
• 섹션버튼 존재

좋아요

• 좋아요 누른 유저의 프로필 사진과 이름이 출력
• 게시물 상세보기에서 좋아요 수가 표시 됨