Dev Setup

개발 환경은 실행, 수정, 확인 루프가 짧아야 한다

Node.js, 패키지 매니저, 에디터, 개발 서버는 모두 코드를 저장하고 바로 화면에서 확인하는 루프를 짧게 만들기 위한 도구입니다.

Node

런타임과 도구

React 앱 자체보다 빌드 도구와 패키지 실행에 필요합니다.

npm

의존성 설치

라이브러리와 스크립트를 프로젝트 단위로 관리합니다.

Vite

개발 서버

빠른 시작과 HMR로 수정 내용을 즉시 브라우저에 반영합니다.

Editor

타입과 lint

확장 기능으로 오류, 포맷, 자동 완성을 개발 중에 바로 확인합니다.

npm create vite@latest
npm install
npm run dev