[React] Create React App 을 이용해서 React 설치

React 앱 설치 방법

npx create-react-app <폴더 이름>

 

 

예전에는..?

 Webpack이나 Babel 같은 모듈을 설치하고, 설정해야 React 앱을 시작할 수 있었다.

 

 

Webpack 이란?

 오픈 소스 코드 자바스크립트 모듈 번들러로써

여러 개로 나누어져 있는 파일들을 하나의 자바스크립트 코드로 압축하고 최적화해주는 라이브러리.

 

 

Babel 이란?

 최신 자바스크립트 문법을 지원하지 않는 브라우저를 위하여,

최신 문법을 구형 브라우저에서도 사용 가능하도록 변환해주는 라이브러리

// 아래와 같은 문법을 구형 브라우저에서는
[1, 2, 3].map((n) => n+1);

// 이런식으로 변환 시켜준다.
[1, 2, 3].map(function(n) {
	return n+1;
});

 

 

npx 란?

 노드 패키지 실행을 도와주는 도구.

npx create-react-app 명령어 같은 경우,

npm 레지스트리에 있는 create-react-app 패키지를 해당 폴더에 실행하여 react를 설치한다.

 

 

본 글은 따라하며 배우는 리액트 A-Z 강의를 참고하여 포스팅하였습니다.
https://inf.run/YhGg