Development/React (2) 썸네일형 리스트형 Vite로 React 시작하기 Vite에 대한 설명 은 이글에서 확인 Vite 템플렛 프로젝트 생성템플릿 타입은 아래 그림 및 여기 참조 yarnyarn create vite [프로젝트 이름] --template [템플릿 이름]yarn create vite test-app --template react-ts npmnpm create vite [프로젝트 이름] --template [템플릿 이름]npm create vite test-app --template react-ts vite로 react 템플릿으로 프로젝트 생성 후 모듈 설치후 react 실행 yarnyarn installyarn dev npmnpm installnpm dev 환경 설정(VS code)ESLint 적용ESLint는 Vite로 프로젝트를 생성하면 자동으로 .esl.. React 개발 도구 Vite Vite란?Vite(프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷하다)는 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이며, 두 가지 컨셉을 중심으로 하고 있습니다.개발 시 네이티브 ES Module을 넘어 더욱 다양한 기능을 제공 ( Hot Module Replacement (HMR)등)번들링 시, Rollup 기반의 다양한 빌드 커맨드를 제공 (높은 수준으로 최적화된 정적(Static) 리소스들을 배포할 수 있게끔 하며, 미리 정의된 설정(Pre-configured)을 제공한다)Vite는 아래 항목들을 지원합니다.Dependency 사전 번들링 및 캐싱네이티브 ESMHot Module ReplacetmentTypescriptjsx, tsx기타 등.. 이전 1 다음
