💻 소개

'파자마'는 자유게시판과 중고마켓이 주 기능인 웹입니다. 자유게시판과 마켓을 줄여서 '자마'에서 연상되는 '파자마'의 편한 이미지를 이용하여 네이밍했습니다.

🔥 Deploy

배포 예정입니다.

로컬에서 실행하려면 아래 순서를 따르면 됩니다.

1. 레포지토리를 클론합니다.

git clone

2. FreeBoard 폴더로 들어갑니다.

cd FreeBoard

3. package를 설치하고, 개발 모드로 실행합니다.

npm install

npm run dev

⭐ Skill

• Next.js
• Typescript
• React Query
• Yup
• React Hook Form
• React Quill
• React Slick
• Recoil
• Emotion
• Graphql

📓 학습 내용

링크 추가 예정입니다.

📌 주요 기능

• 로그인 없이 사용하는 자유게시판

  • 일회성 비밀번호로 게시글 등록
  • 댓글 / 댓글 수정

• 중고마켓

  • 상품 등록
  • 위치 등록
  • 댓글 / 대댓글 / 댓글 수정

• 회원가입 / 로그인

  • 자체 회원가입
  • accessToken
  • refreshToken

• 검색

  • Debounce를 활용한 자동 검색
  • form 제출 시 검색

• 검증

  • 회원가입 / 로그인 인풋 검증

Pages

Index Page

Board Page

• 페이지네이션

Market Page

• 무한스크롤