SNACK25

프로젝트 소개

• 스낵25는 원스톱 간식 구매 관리 솔루션입니다.
• 🗓️ 프로젝트 기간 : 2025. 2.18. ~ 4.11.
• 시연영상 및 발표자료(Google Drive) : https://drive.google.com/drive/folders/1H0uMnhrVAW3DFmNITOS5FjszYhhOXASs

팀원 구성

이름	역할	Github
강수정	FullStack	@xcjnzvc
김두봉	FullStack	@devkdb
김지연	FullStack	@dani784601
박수환	FullStack	@soohwanpak
배호근	FullStack	@BaeHG
이현우	FullStack	@gealot
임예지	FullStack	@Bluemoon105
정해찬	FullStack	@just-codingbaby
하신혜	FullStack	@aventurine26

기술 스택(프론트엔드)

• NextJS 15
• Typescript
• Tailwind CSS 4
• Shadcn/ui
• Zustand
• react-hook-form

Requirements

• PNPM을 패키지 매니저로 사용할 것이므로 아래 명령어를 통해 전역 설치

npm i -g pnpm

사용방법

• 스크립트 실행 시 npm run 자리에 pnpm을 사용해주세요.

npm run dev   -> pnpm dev
npm run start -> pnpm start
npm run build -> pnpm build
npm run lint  -> pnpm lint
...

VSCode Extensions

• 아래는 팀 프로젝트 협업 시 필요한 VSCode 확장이므로 설치하여 주시기 바랍니다.

• Tailwind CSS IntelliSense https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

• PostCSS Sorting https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-postcss-sorting

• Gitmoji https://marketplace.visualstudio.com/items?itemName=seatonjiang.gitmoji-vscode

References

• npm 각종 scripts 관련 https://docs.npmjs.com/cli/v11/using-npm/scripts
• css classname 명명할 때 참고 https://classnames.paulrobertlloyd.com/
• Design System Token Glossary 참고 https://martacondedesign.gumroad.com/l/tokens_glossary?layout=profile