React 코드베이스 생성 및 개발을 위한 포괄적인 Divjoy 명령어 및 워크플로우.
프로젝트 생성
| 명령어 | 설명 |
|---|
npx create-divjoy-app my-app | Divjoy 프로젝트 생성하기 |
npm create divjoy-app@latest | 최신 템플릿으로 생성 |
yarn create divjoy-app my-app | Yarn으로 생성하기 |
git clone <divjoy-repo> my-app | 생성된 저장소 복제 |
개발 명령어
| 명령어 | 설명 |
|---|
npm start | 개발 서버 시작 |
npm run dev | 개발 모드 시작 |
yarn dev | Yarn으로 시작하기 |
npm run build | 프로덕션을 위해 빌드하기 |
npm run preview | 프로덕션 빌드 미리보기 |
npm test | 테스트 스위트 실행 |
npm run test:watch | 감시 모드에서 테스트 실행 |
npm run lint | ESLint 실행 |
npm run format | Prettier로 코드 포맷팅하기 |
데이터베이스 작업
| 명령어 | 설명 |
|---|
npm run db:migrate | 데이터베이스 마이그레이션 실행 |
npm run db:seed | 샘플 데이터로 데이터베이스 시드하기 |
npm run db:reset | 데이터베이스 초기화 |
npm run db:studio | 오픈 데이터베이스 스튜디오 |
npm run db:generate | Prisma 클라이언트 생성 |
npm run db:push | 데이터베이스에 스키마 푸시 |
인증 설정
| 명령어 | 설명 |
|---|
npm run auth:setup | 인증 설정 |
npm run auth:migrate | 인증 테이블 마이그레이션 |
npm run auth:seed | 시드 인증 데이터 |
npm run auth:test | 인증 흐름 테스트 |
배포 명령어
| 명령어 | 설명 |
|---|
npm run deploy | 프로덕션에 배포 |
npm run deploy:vercel | Vercel에 배포 |
npm run deploy:netlify | Netlify에 배포 |
npm run deploy:aws | AWS에 배포 |
npm run build:docker | Docker 이미지 빌드 |
docker-compose up | Docker Compose로 시작하기 |
환경 설정
| 명령어 | 설명 |
|---|
cp .env.example .env.local | 환경 템플릿 복사하기 |
npm run env:setup | 환경 변수 설정 |
npm run env:validate | 환경 구성 확인 |
UI 컴포넌트 생성
| 명령어 | 설명 |
|---|
npm run generate:component | 새 컴포넌트 생성 |
npm run generate:page | 새 페이지 생성 |
npm run generate:hook | 맞춤형 훅 생성하기 |
npm run generate:api | API 라우트 생성 |
스타일링 및 테마
| 명령어 | 설명 |
|---|
npm run theme:build | 테마 파일 빌드 |
npm run theme:watch | 테마 변경 보기 |
npm run css:build | CSS 파일 빌드하기 |
npm run tailwind:build | Tailwind CSS 빌드하기 |
테스트 명령어
| 명령어 | 설명 |
|---|
npm run test:unit | 단위 테스트 실행 |
npm run test:integration | 통합 테스트 실행 |
npm run test:e2e | 엔드투엔드 테스트 실행 |
npm run test:coverage | 테스트 커버리지 생성 |
npm run cypress:open | Cypress 테스트 러너 열기 |
npm run cypress:run | Cypress 테스트를 헤드리스로 실행 |
코드 품질
| 명령어 | 설명 |
|---|
npm run lint:fix | 린팅 문제 해결 |
npm run type-check | TypeScript 타입 검사 실행 |
npm run analyze | 번들 크기 분석 |
npm run audit | 보안 감사 실행 |
결제 통합
| 명령어 | 설명 |
|---|
npm run stripe:setup | Stripe 통합 설정 |
npm run stripe:webhooks | Stripe 웹훅 설정 |
npm run stripe:test | 결제 흐름 테스트 |
npm run payments:migrate | 결제 테이블 마이그레이션 |
이메일 설정
| 명령어 | 설명 |
|---|
npm run email:setup | 이메일 서비스 설정 |
npm run email:test | 이메일 전송 테스트 |
npm run email:templates | 이메일 템플릿 생성하기 |
API 개발
| 명령어 | 설명 |
|---|
npm run api:dev | API 개발 서버 시작 |
npm run api:build | 프로덕션을 위한 API 구축 |
npm run api:test | API 엔드포인트 테스트 |
npm run api:docs | API 문서 생성 |
모니터링 및 분석
| 명령어 | 설명 |
|---|
npm run analytics:setup | 분석 추적 설정 |
npm run monitoring:setup | 설정 오류 모니터링 |
npm run logs:view | 애플리케이션 로그 보기 |
백업 및 복원
| 명령어 | 설명 |
|---|
npm run backup:create | 프로젝트 백업 생성 |
npm run backup:restore | 백업에서 복원 |
npm run export:data | 애플리케이션 데이터 내보내기 |
npm run import:data | 애플리케이션 데이터 가져오기 |
성능 최적화
| 명령어 | 설명 |
|---|
npm run optimize:images | 이미지 에셋 최적화 |
npm run optimize:bundle | JavaScript 번들 최적화 |
npm run lighthouse | Lighthouse 감사 실행 |
npm run perf:analyze | 성능 메트릭 분석 |
보안 명령어
| 명령어 | 설명 |
|---|
npm run security:audit | 보안 감사 실행 |
npm run security:update | 보안 종속성 업데이트 |
npm run security:scan | 취약점 스캔 |
국제화
| 명령어 | 설명 |
|---|
npm run i18n:extract | 번역 문자열 추출 |
npm run i18n:build | 번역 파일 빌드하기 |
npm run i18n:validate | 번역 확인 |
Docker 작업
Would you like me to fill in the remaining empty sections with translations or placeholders?
| 명령어 | 설명 |
|---|
docker build -t divjoy-app . | Docker 이미지 빌드 |
docker run -p 3000:3000 divjoy-app | Docker 컨테이너 실행 |
docker-compose up -d | Docker Compose로 서비스 시작하기 |
docker-compose down | Docker 서비스 중지 |
| 명령어 | 설명 |
|---|
git add . | 모든 변경 사항 스테이징 |
git commit -m "feat: add feature" | 컨벤셔널 형식으로 커밋하기 |
git push origin main | main 브랜치에 푸시 |
npm run release | 릴리스 버전 생성 |
| 파일 | 설명 |
|---|
divjoy.config.js | Divjoy 구성 |
next.config.js | Next.js 구성 |
tailwind.config.js | Tailwind CSS 구성 |
prisma/schema.prisma | 데이터베이스 스키마 |
.env.local | 로컬 환경 변수 |
package.json | 프로젝트 종속성 |
| 명령어 | 설명 |
|---|
npm run doctor | 진단 검사 실행 |
npm run clean | 빌드 아티팩트 정리 |
npm run reset | 프로젝트를 깨끗한 상태로 초기화 |
npm run debug | 디버그 모드로 시작 |
| 명령어 | 설명 |
|---|
npm run generate:sitemap | 사이트맵 생성 |
npm run generate:robots | robots.txt 생성하기 |
npm run seo:audit | SEO 감사 실행 |
npm run pwa:build | Progressive Web App 구축 |
| 명령어 | 설명 |
| --------- | ------------- |
npm run team:setup | 팀 환경 설정 |
npm run team:sync | 팀 구성 동기화 |
npm run docs:generate | 프로젝트 문서 생성 |
npm run docs:serve | 로컬에서 문서 서비스 제공 |