Node.JS

웹 브라우져 밖에서도 JavaScript로 프로그래밍을 할수 있도록 돕는 환경.

JavaScript는 원래 브라우저 위에서 동작하는 웹페이지나 웹어플리케이션을 위해 작성하는 언어였으나, Node.Js 인해 이제 어디서나 JavaScript로 프로그래밍을 할 수있게 되었다👍🏻

npm

외부 라이브러리를 다운받고 업데이트 할 수 있도록 돕는 패키지 매니저.

npm을 이용하지 않는다면, 외부 라이브러리가 필요할 때 인터넷에서 소스코드를 찾아 설치해야하며, 버전이 업데이트 되면 따로 업데이트도 진행해주어야 한다. 그러나 npm을 사용하면, 아주 간단하게 명령어 하나로 라이브러리를 설치하거나 버전 업데이트 및 삭제할 수 있도록 돕는다.
npm을 이용시 package.json파일이 생성되는데 여기서 우리가 설치한 라이브러리들과 버전을 확인 할 수 있다.

아, npm은 node.js를 따운로드 받으면 따라 오기 때문에 따로 설치할 필요가 없다!

npx

npx는 npm처럼 라이브러리를 설치하는 것이아니라 실행할 수 있게 해주는 툴.

yarn

페이스북에서 npm의 보안이나 버전의 통일성 문제 등을 개선하여 만든 패키지 매니저.
npm위에서 동작하기 때문에 package.json을 동일하게 사용할 수 있다.

Creat-react-app

리액트를 사용하는 개발자들이 공통적으로 이용하는 유용한 툴들을 한번에 자동적으로 설치할 수 있도록 도와주는 아이다. 리액트도 이 툴을 권고하고 있다는 사실 !

BABEL

이크마스크립트 2015이후 버전의 아이를 예전 버전으로 변환해 주는 아이 . 어느 버전까지로 변환해줄건지도 설정해 줄 수 있다. 타입스크립트나 jsx도 js로 변환해 준다.

webpack

소스코드나 리소스 이미지들을 한번에 묶어서 번들단위로 사용자에게 제공할 수있도록 도와준다.

ESLint

코드의 잘못된 점이 있다면 즉각적으로 알려준다.

Jest

유닛테스트를 할 수 있도록 도와주는 테스팅 툴이다.

PostCSS

less 와 sass와 비슷한 아이지만, 다양한 플러그인이 있어서 우리가 원하는 기능들을 더 추가해서 사용할 수 있다. 그래서 요즘 현업에서 많이 사용되며 인기도 높아지고 있다.