React 프로젝트 생성

1.vscode 에디터 실행

터미널 실행

 

2. 원하는 위치로 이동

명령어 : cd 경로

 

3.

명령어 : npm create vite@latest

(왠만하면 enter이고

Project name(마음대로 입력해주면 됨)와

Selete a framework 에서 React 선택 

JavaScript와 typeScript 선택 뜨는데 

글쓴이는 JavaScript 선택 했습니다.)

 

4. 다시 3번에서 생성한 패키지로 이동

명령어 : cd 경로/패키지명

 

5. 4번 이후에 할 작업은 package.json에 적힌 devDependencies와 dependencies를 다운 받는다.

명령어 : npm i 또는 npm install

(package-lock.json과 node_modules 폴더가 생성됨)

 

6. 실행

명령어 : npm run dev

(package.json에 script부분을 확인하면 된다.)

브라우저에서 http://localhost:5173/ 입력해보면 실행 잘됨.

- localhost는 내 컴퓨터의 주소이다.( localhost는 다른 사람의 컴퓨터에서는 들어갈 수 없다. 공유x )

- port : 하나의 컴퓨터 내에서 어떤 프로그램을 요청하는 표시하는 구분값이라고 생각하면 된다.