웹 프론트엔드 시작하기 - 1. 리액트의 시작

4강. npm을 이용해서 create-react-app 설치

1. npm을 이용하여 create-react-app 설치하기

1) node.js 설치 : https://nodejs.org/ko/

 

2) cmd 창 열기 : window+R -> cmd

*cmd : 컴퓨터를 명령어를 이용하여 제어하는 프로그램

npm -v	//npm 버전확인

 

3) 설치하기

npm install -g create-react-app

sudo npm install create-react-app	//권한이 없을 경우

3-1) npm 또는 node의 버전 업그레이드를 요구할 때

npm install -g npm@8.15.1	//npm 버전 업그레이드

node버전 업그레이드 : https://nodejs.org/ko/ 에서 최신버전 재다운로드

 

4) 설치된 리액트 버전 확인하기

create-react-app -V

* npm : node.js로 만들어진 프로그램(리액트)을 쉽게 설치하는 일종의 앱 스토어

* npx : 리액트를 1회 설치하고 제거하는 프로그램, 메모리공간을 차지하지않음, 실행시마다 최신버전 실행

 

5강. create-react-app을 이용하여 개발환경 구축

1. react-app 폴더생성하기

2. react 설치하기

 cd 현재 폴더 경로

create-react-app .

 

6강. 샘플 웹앱 실행

터미널창(커맨드라인) 보이기 : VSCODE-View-Appearance-Toggle Panel

npm run start	//자동으로 브라우저가 열리가 react가 실행됨

^C	//react 실행 종료