Node.js
패키지와 개발 명령을 실행
개발 환경은 소스 코드를 브라우저 실행 결과로 잇는다
각 도구의 역할을 설치 목록이 아니라 변환 파이프라인으로 이해한다.
Vite
모듈을 읽고 개발 서버를 제공
React plugin
JSX와 Fast Refresh를 변환
Browser
모듈을 실행하고 DOM을 그림
DevTools
컴포넌트·상태·오류를 관찰
핵심문제가 생기면 설치부터 반복하지 말고 어느 변환 단계에서 끊겼는지 확인한다.
각 도구의 역할을 설치 목록이 아니라 변환 파이프라인으로 이해한다.
패키지와 개발 명령을 실행
모듈을 읽고 개발 서버를 제공
JSX와 Fast Refresh를 변환
모듈을 실행하고 DOM을 그림
컴포넌트·상태·오류를 관찰
핵심문제가 생기면 설치부터 반복하지 말고 어느 변환 단계에서 끊겼는지 확인한다.