웹팩과 바벨, 리엑트 설치

Webpack?

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

장점

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

2. 모듈 단위로 개발이 가능하며, 가독성과 유지보수가 쉬워진다.

Babel?

최신 자바스크립트 문법을 지원하지 않는 브라우저들을 위해서 최신 js문법을 구형브라우저에서도 작동할 수 있도록 변환시켜주는 라이브러리 입니다.

 

리엑트 설치 

예전엔 위 웹팩과 바벨을 설치해서 맞춰주었어야했지만 이제 명령어 한줄이면 알아서 다 설치해준다.

npx create-react-app {폴더이름}