리액트 개발에 필요한 툴 🔨

리액트 개발에 앞서서 필요한 툴들을 정리해 보도록 합시다 🥳

1.Babel : JavaScript Compiler

Babel 사용이유: 최신 버전의 자바스크립트 문법으로 배포할때 기존 브라우저에 적용시키기 위함.

js ecmaScript 2015년도 이후 버전을 old version으로 변환해주는 것.

2. Webpack: 정적 모듈 번들러

여러 의존 관계에 있는 모듈들을 하나의 js파일로 번들링하는 역할을 한다.

소스나 코드들을 묶어서 번들단위로 제공하는 기능을한다.
소스코드도 줄여주고, 변수나 함수들의 이름도 알아보기 힘들게 (해킹방지) 변환해준다.
사용자에게 간편하게 전해주도록 모듈을 번들링 해주는것.

3. ESLint : 오류,버그,스타일등을 점검 해주는것.

npm i -D eslint

4. jest: Test framework / for unit test

npm init -y
npm install --save-dev jest

참고: https://medium.com/@hgenie14/%EC%9B%B9%ED%8C%A9-webpack-%EC%9D%84-%EC%95%84%EC%A3%BC-%EA%B1%B0%EC%8B%9C%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%9D%B4%ED%95%B4%ED%95%B4%EB%B3%B4%EC%9E%90-d80cc2632af8

참고: https://jeonghwan-kim.github.io/series/2019/12/30/frontend-dev-env-lint.html

참고: https://medium.com/@jinseok.choi/jest%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-unit-test-%EC%A0%81%EC%9A%A9%EA%B8%B0-420049c16cc8

요기까지!
하면서 필요한게 있다면 더 추가해보도록 하겠습니당!🥳