Node.js
node.js는 어느 곳에서든 자바스크립트로 프로그래밍을 가능하게 해주는 런타임 환경이다.
예전에는 자바스크립트를 브라우저 위에서만 실행할 수 있었다. 하지만 지금은 node.js가 있는 환경이라면
브라우저 밖 또는 운영체제 위에서도 자바스크립트 코드를 작성하고 실행할 수 있다.
따라서 요즘은 백엔드서버를 만들거나 서버 사이드 렌더링을할 때 또는 커맨드라인툴이나 스크립트를 작성할 때
node.js를 사용한다.
npm
나중에 외부 라이브러리를 필요로할 때 외부 라이브러리를 직접 찾아서 다운받고 사용할 프로젝트 안에 넣고
import하고 굉장히 번거로울 수 있다.
그래서 이런 외부 라이브러리를 쉽게 관리할 수 있게 도와주는 것이 있는데 그것이 바로 npm이다.
npm을 사용하면 아주 간단한 명령어로 외부 라이브러리를 쉽게 설치,삭제 할수 있고 업데이트 또한 가능하다.
즉, npm이란 외부 라이브러리를 쉽게 설치하고 업데이트를 관리 할 수 있게 해주는 패키지 매니저다.
npx
npm은 외부 라이브러리를 손쉽게 설치하고 관리할 수 있는 패키지 매니저라고 했다.
분명 라이브러리를 설치했으면 사용할 프로젝트에 넣고 실행을 해야하는데 npm은 설치만 도와주는 도구지
라이브러리를 실행하지는 못한다.
이런 라이브러리를 실행하도록 도와주는 아이가 바로 npx다.
따라서 실행하고자 하는 라이브러리가 있다면 npx 다음에 실행시킬 라이브러리 이름을 입력하면
실행이 가능하다
yarn
yarn은 앞에서 소개한 npm,npx 에서 부족한 부분을 개선하고 보안적인 문제를 보완한 패키지 매니저다
기존 npm은 배포가 쉽고 종속성을 쉽게 해결할 수 있지만 패키지가 중복으로 설치될 수 있다는 단점이 있다.
또 파일이 많을 경우에는 문제가 발생할 수 있었다.
이런 문제점을 개선한 것이 yarn이다.
yarn 특징
- npm3보다 패키지 설치속도가 빠르다
- json 포맷이 없다
- 오프라인 모드가 가능하다
'React' 카테고리의 다른 글
[react] ref로 HTML 엘리먼트 제어 (0) | 2021.11.24 |
---|---|
[react] 컴포넌트 종류와 리액트 훅(React Hooks) (0) | 2021.03.10 |
[React] state vs props (0) | 2021.02.15 |
[React] 클래스 컴포넌트 vs 함수 컴포넌트 (0) | 2021.02.07 |
[React] React에 대해서 (0) | 2021.02.04 |