yoo-jimin127 / realworld-mnj Goto Github PK

• 댓글 생성
• 댓글 삭제
• 댓글 수정

Home 기능

• 공통 기능
  • Global Feed : 공통
  • Popular Tags 요소 클릭 시, #tags 이름으로 탭이 생겨남
• 로그인 O
  • 좋아요 기능 (회원일 때만 사용 가능)
  • Your Feed : 로그인이 되어있을 때 조건부 렌더링
    • 팔로우 한 사람들의 게시글 표시
  • Global Feed 탭
    • 모든 게시글 표시
• 로그인 X
  • Global Feed 탭
    • 모든 게시글 표시
• 페이지네이션

Edit Article 기능

• Create Article Form과 동일
  • 폼 내부 내용
    • 아티클 제목 ( 제목 유효성 → ‘title must be unique’)
    • 아티클 설명 (미입력시 → ‘description can't be blank’)
    • 아티클 작성 (미입력시 → ‘body can't be blank’)
    • 태그, 생성 버튼 (미입력시 → 아티클 생성에 문제 X, 정상 업로드)
    • 글 작성 부분 : ASCII 코드가 아닐 경우 공백으로 바꿔버려서 한글만 작성된 문자는 하나도 남겨져있지 않도록 되어있음
• 글 내용 : markdown 파싱되어서 보여지도록
• 변경 사항 없이도 그대로 작성 가능
• 내용 모두 지우고 저장 → 변경 이전 내용이 그대로 표시

Settings 기능

• 유저 정보
  • bio/email/username, image(url) 조회, 변경 가능
  • password 변경 가능
  • field 비워둔거 따로 validation 안 해도 됨
• 로그아웃 버튼
  • localstorage의 JWT 지움

Header 기능

• 로고 클릭 시 Home으로 이동 (로그인 여부 상관 X)
• 로그인 O
  • Home
  • New article
  • Settings
  • Profile
• 로그인 X
  • Home
  • Sign In
  • Sign Up

Create Article Form

• 폼 내부 내용
  • 아티클 제목 ( 제목 유효성 → ‘title must be unique’)
  • 아티클 설명 (미입력시 → ‘description can't be blank’)
  • 아티클 작성 (미입력시 → ‘body can't be blank’)
  • 태그, 생성 버튼 (미입력시 → 아티클 생성에 문제 X, 정상 업로드)
  • 글 작성 부분 : ASCII 코드가 아닐 경우 공백으로 바꿔버려서 한글만 작성된 문자는 하나도 남겨져있지 않도록 되어있음
• 글 내용 : markdown 파싱되어서 보여지도록

Profile 기능

• 자신의 프로필 페이지
  • 프로필 배너
    • 프로필 사진, 유저 이름 표시
    • 프로필 편집 페이지로 이동하는 버튼
  • 프로필 편집 페이지
    • 프로필 사진 URL, 유저 이름, 간단한 소개, 이메일, 새로운 비밀번호 입력
    • 프로필 업데이트 기능
    • 로그아웃 기능
  • My Article 탭
    • 자신이 작성한 게시글 표시
  • Favorited Articles 탭
    • 좋아요를 누른 게시글 표시
• 타인의 프로필 페이지
  • 프로필 배너
    • 해당 유저의 프로필 사진, 유저 이름 표시
    • 해당 유저 팔로우 버튼
  • My Article 탭
    • 해당 유저가 작성한 게시글 표시
  • Favorited Articles 탭
    • 해당 유저가 좋아요를 누른 게시글 표시

Login/Register 기능

• Sign In
  • 로그인 폼
    • user email, password, button
• Sign Up
  • 회원가입 폼
    • username, email, password 입력
    • 유효성

Article 기능

• 작성한 내용 보여주는 기능
• 프로필 정보 + 글 작성 일자
• 작성자 팔로우 버튼 (로직)
• 게시물 좋아요 버튼 (로직)
• 댓글 작성 (로직)
• 본인 작성 게시글
  • 제목이 표시되는 배너
    • Edit Article
    • Delete Article
  • 작성한 글 보여지는 부분
  • 프로필 정보 + Edit, Delete 버튼
  • 댓글 작성 부분
• 타인 작성 게시글
  • 제목이 표시되는 배너
    • Follow 버튼
    • 좋아요 버튼
  • 작성한 글 보여지는 부분
  • 프로필 정보 + Follow, 좋아요 버튼
  • 댓글 작성 부분