React 개발 환경 설정

Node와 npm으로 의존성을 설치하고, Vite dev server와 브라우저 DevTools를 오가며 수정 결과와 오류 로그를 바로 확인합니다.

1

Node.js

node -v, npm -v로 버전을 확인하고 package.json의 scripts를 실행하는 런타임입니다.

2

npm/Vite

npm create vite@latest 후 npm install, npm run dev로 로컬 서버를 엽니다.

3

VS Code

ESLint, Prettier, TypeScript 오류와 터미널 로그를 한 화면에서 봅니다.

4

DevTools

Console, Network, React DevTools로 렌더링 오류와 요청 실패를 추적합니다.

핵심React 개발 환경 설정은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.