⌨️ 키보드 추천 서비스 tadak

다양한 키보드 정보와 리뷰를 공유할 수 있는 커뮤니티형 웹 플랫폼

배포 사이트

Link

📸 데모

CRUD	무한스크롤

인증 시스템	필터링

기술 스택

This is a Next.js project bootstrapped with create-next-app.

Access to Swagger Document

• Swagger Document Link : 해당 서버가 실행시 접속가능
• teamId는 16-3 사용

Reference

• Figma 기획 변경본(tadak) Link
• Figma 원본(WHYNE) Link
• Discord Link
• Notion Link

폴더 구조

📦public
 ┣ 📂fonts
 ┃ ┣ 📜Pretendard-Bold.woff
 ┃ ┣ 📜Pretendard-Medium.woff
 ┃ ┣ 📜Pretendard-Regular.woff
 ┃ ┗ 📜Pretendard-SemiBold.woff
 ┗ 📂images
 ┃ ┣ 📜logoImg.svg
 ┃
 📦src
 ┣ 📂app
 ┃ ┣ 📂(auth)
 ┃ ┃ ┣ 📂signin
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┗ 📜layout.tsx
 ┃ ┣ 📂(global)
 ┃ ┃ ┗ 📜page.tsx
 ┃ ┣ 📜favicon.ico
 ┃ ┣ 📜globals.css
 ┃ ┗ 📜layout.tsx
 ┣ 📂components
 ┃ ┣ 📂feature
 ┃ ┃ ┣ 📜SignInForm.tsx
 ┃ ┃ ┗ 📜SignUpForm.tsx
 ┃ ┣ 📂layout
 ┃ ┃ ┗ 📜Header.tsx
 ┃ ┗ 📂ui
 ┃ ┃ ┣ 📜Button.tsx
 ┃ ┃ ┗ 📜Modal.tsx
 ┣ 📂constants
 ┃ ┗ 📜constants.ts
 ┣ 📂hooks
 ┃ ┗ 📜useWindowDimension.ts
 ┣ 📂lib
 ┃ ┗ 📜axios.ts
 ┣ 📂types
 ┗ 📂utils
 ┃ ┣ 📜formatDate.ts
 ┃ ┗ 📜formatPrice.ts
 ┗ package.json
 ┗ package-lock.json
 ┗ .gitignore
 ┗ .dockerignore
 ┗ Dockerfile
 ┗ .prettierrc
 ┗ .prettierignore
 ┗ eslint.config.mjs
 ┗ next.config.ts
 ┗ tsconfig.json
 ┗ README.md

시작하기

개발 서버 실행:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.