[react] 리액트 시작전 세팅 & 알아두어야 할 것
in FrontEnd
바벨
* 자바스크립트 컴파일러
* ECMAScript2015+ 이후 버전의 프로그램을 이전 버전으로 돌려주는 역할을 함.
* 또, TS나 jsx라는 순수js가 아닌것들을 브라우저가 이해할 수 있도록 JS로 변환 시켜주는 역할을 함
웹팩
* 개발자가 만들어놓은 코드들을 사용자에게 간단하게 전달할 수 있도록 모듈을 번들링 함
ESLint
- 개발자가 짜놓은 코드가 문법적으로 뭔가 문제가 있다면 ‘그거 잘못 씀’ 이라고 알려주는 역할을 함
Jest
- 유닛테스트를 할 수 있도록 도와주는 테스팅 프레임워크
postCSS
- css전처리기 중 하나
- less, sass와 비슷
yarn 설치시 에러
brew install yarn
으로 yarn을 설치하려고 하는데 에러가 떴다. brew를 너무 오래 전에 설치해놔서 업데이트를 하려고 하는데, 2020년에 방식을 바꿨나보다. 그래서…git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallow
이 명령어를 치라고 에러 내용에 있길래 명령내리고 기다렸는데 진짜 어어어어엄청 오래기다려야함
거의 뭐 5분 넘게 기다린듯.
바로 안된다고 끄지말고 인내심갖고 기다리기(크기가 커서 몇분 걸릴지도 모르니까 기다리라고 써있긴함)