Getting started

Boilerplate-React 시작하기

소스 다운로드

git.dosystem.kr/confy/confy-app 다운로드. develop 브랜치가 최신 브랜치 입니다.

confy-app/apps/boilerplate-react 이하 폴더가 소스 코드 대상입니다.

confy-app/                 # 프로젝트 루트
├── apps/                  # 애플리케이션 디렉토리
│   ├── boilerplate-next/  # Next.js 애플리케이션 <-- 사용안할 경우 삭제
│   │
│   └── boilerplate-react/ # React 애플리케이션 <-- 실제 이용하는 것
│       └── ...            # React 관련 설정 및 코드
│
├── packages/              # 공유 패키지
│   └── ...                # 공유 컴포넌트, 유틸리티 등
│
├── .turbo/                # Turborepo 캐시
├── node_modules/          # 의존성 패키지
├── pnpm-workspace.yaml    # pnpm 워크스페이스 설정
├── turbo.json             # Turborepo 설정
└── ...                    # 기타 설정 파일들

pnpm 설치

node package 관리를 위해 pnpm을 설치합니다.

# 시스템 전역 설치
npm install -g pnpm

# 버전확인 - 10 버전 이상 권장 (최신버전)
pnpm --version

빌드 / 실행

모든 명령어는 pnpm 패키지 매니저를 사용하여 실행해야 합니다.

프로젝트는 Vite를 빌드 도구로 사용하며, TypeScript와 React를 지원합니다.
개발 서버는 기본적으로 http://localhost:5173 에서 실행됩니다.

...
"scripts": {
	"dev": "vite --mode development",
	"build": "tsc -b && vite build",
	"lint": "eslint .",
	"preview": "vite preview",
	"clean": "rm -rf node_modules && rm -rf dist"
},