[react] 리액트 시작전 세팅 & 알아두어야 할 것


바벨

​ * 자바스크립트 컴파일러

​ * 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분 넘게 기다린듯.

    바로 안된다고 끄지말고 인내심갖고 기다리기(크기가 커서 몇분 걸릴지도 모르니까 기다리라고 써있긴함)








© 2018. by sora

Powered by sora