이것저것 - 개발환경

메모를 이곳저곳에 해놔서 찾기 쉽도록 벨로그에 옮긴다!

node.js

브라우저 밖에서 자바스크립트를 실행할 수 있게 해주는 자바스크립트 실행 환경

npm

Package Manager, node를 설치하면 자동으로 설치됨
라이브러리를 쉽게 설치하고 버전 관리할 수 있게 해줌
npm을 사용하면 package.json이라는 것을 프로젝트에 만들게 되는데 프로젝트 이름, 버전, 사용하는 모든 외부 라이브러리를 명시하고 버전 관리를 할 수 있음

npx

npm 설치 시 같이 설치, 라이브러리를 개별적으로 실행하고 싶을 때 사용

yarn

Package Manager(페북에서 만듦)
npm을 대체하여 사용 가능, npm과 호환 가능(추천 x)
npm의 단점을 보완하기 위해 만들어짐
npm은 사용하는 외부 라이브러리가 많을수록 프로젝트를 실행하는 속도가 현저히 떨어짐
(라이브러리를 하나하나 순차적으로 설치 및 실행을 하기 때문)
yarn은 필요한 라이브러리를 병렬적으로 설치 및 실행을 하여 빠르고 보완 관련 측면에서도 yarn이 더 뛰어남

BABEL

자바스크립트 컴파일러, 호환성을 위해 최신 문법을 예전 문법으로 변환 시켜줌

Webpack

코드를 번들링(Bundling, 잘 포장)하여 사용자에게 베포할 수 있도록 도와줌

ESLint

코드를 올바르게 작성하고 있는지 어떤 부분이 잘못되었는지 등을 체크해줌

Jest

유닛 테스트를 작성하고 코드가 원하는대로 동작하는지 테스팅을 할 수 있게 해주는 프레임워크