사용자가 직접 소비기한을 확인할 수 있고 사용자 위치 기반으로 매장 서비스를 제공하는 지능형 온라인 편의점 사이트
-
폴더(디렉토리): 소문자로 시작, camelCase로 작명. 만약 컴포넌트 폴더일 경우, PascalCase로 작명.
-
components는 대문자로 시작, PascalCase로 작명.
-
asset는 소문자로 시작, 작명.
-
변수, 함수는 소문자로 시작, camelCase로 작명.
✅ 컴포넌트 들어있는 폴더명, 파일명, 컴포넌트명, 스타일 컴포넌트 명은 모두 PascalCase
✅ 메서드, 훅, 변수는 camelCase/ path, asset 파일명은 모두 소문자 로만
├── 🗂️ public
├── 📁 src
│ ├── 🗂️ assets
│ │ ├── 🗂️ icon
│ │ ├── 🗂️ data
│ │ ├── 🗂️ image
│ │ │ ├── 🗂️ about
│ │ │ ├── 🗂️ chatbot
│ │ │ ├── 🗂️ login
│ │ │ ├── 🗂️ logo
│ │ │ ├── 🗂️ main
│ │ │ │ ├── 🗂️ mystoreproduct
│ │ │ │ ├── 🗂️ searchproduct
│ │ │ │ │ ├── 🗂️ conv
│ │ │ │ │ ├── 🗂️ drink
│ │ │ │ │ ├── 🗂️ food
│ │ │ │ │ ├── 🗂️ household
│ │ │ │ │ ├── 🗂️ icecream
│ │ │ │ │ ├── 🗂️ instant
│ │ │ │ │ ├── 🗂️ snack
│ │ │ ├── 🗂️ product
│ │ ├── ├── 🗂️ store
│ │
│ ├── 🗂️ pages
│ │ ├── 🗂️ about
│ │ ├── 🗂️ ceo
│ │ ├── 🗂️ customerservice
│ │ ├── 🗂️ login
│ │ ├── 🗂️ main
│ │ ├── 🗂️ manager
│ │ ├── 🗂️ mypage
│ │ ├── 🗂️ product
│ │ ├── 🗂️ public
│ │ ├── 🗂️ store
│ │
│ ├── 🗂️ styles
│ │ ├── 🗂️ main
│ │ ├── 🗂️ tailwindcss
│ │
│ ├── 🗂️ utils