[REACT]creat-react-app

npx create-react-app

최근에는 'npx create-react-app <폴더이름>'이라는 명령어로 쉽게 설치가 가능하다.

그 이전에는 이와 달리 하나하나 설치를 해줬어야 했는데

예전의 설치 과정을 보면서 creact-react-app이 무엇을 설치하고 무엇을 의미하는지 알아보자.

현재의 creact-react-app에는 webpack과 babel이라는 모듈이 포함되어 있다.

먼저 WebPack은 오픈 소스 자바스크립트 모듈 번들러로써 여러개로 나누어져 있는 파일들을 하나의 자바스크립트 코드로 압축하고 최적화하는 라이브러리이다.

웹팩을 쓰는 이유는 다음과 같다.

1. 여러 파일의 자바스크립트 코드를 압축하여 최적화 할 수 있기 때문에 로딩에 대한 네트워크 비용을 줄인다.

2. 모듈 단위로 개발이 가능하여 가독성과 유지보수가 쉽다.

Babel은 최신 자바스크립트 문법을 지원하지 않는 브라우저들을 위해서 최신 자바스크립트 문법을 구형 브라우저에서도 돌 수 있게 변환 시켜주는 라이브러리이다.

최신 문법은 arrow function을 equivalent로 바꿔주는 역할 등 을 수행해준다.

위에서 언급했듯이 이러한 모듈들을 리액트 앱을 만들 폴더의 터미널에서 npx create-react-app 만으로 설치가 가능하다.

이 글은 John Ahn님의 강의를 참고하여 만들었습니다.