DEV SETUP

React 환경 설정은 Node, 에디터, 브라우저, Vite 실행 확인으로 닫는다

설치 목록을 외우기보다 각 도구가 피드백 루프에서 어떤 역할을 하는지 알면 첫 실행 오류를 줄일 수 있습니다.

Node.js

패키지 설치와 개발 서버 실행을 위한 자바스크립트 런타임입니다.

VS Code

컴포넌트 작성, 확장, 포맷팅, 오류 확인을 담당합니다.

Browser

화면 결과와 개발자 도구로 렌더링 상태를 확인합니다.

Vite

프로젝트를 빠르게 만들고 수정 결과를 즉시 반영합니다.

확인 기준node와 npm 버전을 먼저 확인한 뒤 프로젝트 생성과 실행을 진행합니다.
실수 기준명령어가 실패하면 현재 폴더, Node 버전, 의존성 설치 여부를 먼저 봅니다.