Yuzamin97 🌎

🌌Description

• 회원가입 및 로그인 기능이 제공되는 게시판 서비스
  • 게시글 작성이 가능하며 댓글을 통해 회원 간 소통이 가능합니다.

🪐Deployed Link

🌏Link🌍

🌕Project Log Link

🌕Link🌕

🌍Implementation List

• 회원가입, 로그인/로그아웃 기능 구현
  • useReducer를 사용한 custom hook을 통해 아이디, 비밀번호, 닉네임 정보 입력 시 유효성 검사 실시
  • 유효한 정보가 입력되었을 시 회원가입 가능
  • custom hook을 통해 로그인 form에 입력되는 정보를 제어
  • 회원 DB에 존재하는 아이디 및 비밀번호를 입력 시 로그인 성공
• 게시글 작성 기능 구현
  • 로그인된 계정은 자신의 아이디가 작성자로 표시되는 게시글을 작성할 수 있음
  • 자신이 작성한 게시글 한정 수정 및 삭제 가능
• 댓글 작성 기능 구현
  • 게시글 상세 페이지에서 게시글에 대한 댓글을 작성할 수 있음
  • 자신이 작성한 댓글 한정 수정 및 삭제 가능
• 자신이 작성한 게시글 조회 기능 구현
  • 로그인 된 계정은 자신이 작성한 게시글을 조회할 수 있음
• 자신의 회원 정보 확인 및 수정 기능 구현
  • 로그인 된 계정은 자신의 회원 정보를 확인 및 수정할 수 있음
• 회원 탈퇴 기능 구현
  • My page에서 회원 탈퇴 가능
• IntersectionObserver API를 활용한 custom hook을 제작하여 Infinite Scroll 구현

🌏To Do List (23.02.11 ver.)

• About 페이지 단장
• SideNavBar에 홈으로 이동하는 버튼 생성
• Browser 컴포넌트의 닫기 버튼 클릭 시 Browser이 닫히는 기능 구현
• 자신이 작성한 게시글의 상세 페이지에만 삭제 및 수정 버튼 표시
• 비로그인 사용자의 경우 댓글 작성할 수 없도록 수정
• useCallback, memo 등을 사용한 성능 최적화
• IntersectionObserver를 사용한 무한 스크롤 구현
• 소셜 로그인 기능 추가

🌀Build Installation

# install dependencies
$ yarn add
# serve with hot reload at localhost:3000
$ yarn start

🗺Preview