백엔드와 함께 프론트 개발 시 유용한 패키지들

목차

 

Concurrently 라이브러리

서버와 클라이언트를 따로 npm start 를 해주면 번거로운데 이것을 한번에 실행할 수 있게하는 패키지이다.

 

다음 코드를 통해 패키지를 받아주자

$ npm install concurrently --save

 

package.json에서 아래와 같이 내가 원하는 명령어와 함께 같이 실행해 주고 싶은 것들을 넣어주면 된다.

 

Nodemon 라이브러리

nodejs 진행하면 소스 수정 시 서버 재시작을 해야한다.

개발 진행 시 수정할 때 마다 재시작을 하면 여간 불편한게 아니다.

그 대안으로 nodemon(소스 수정 시 재시작 없이 반영) 모듈이 있다.

 

 

다음 코드를 통해 패키지를 받아주자

$ npm install nodemon --save-dev

 

 

package.json에서 아래와 같이 node를 통해 실행한 것을 nodemon을 통해 서버를 실행해 주면 된다.

 

yarn 라이브러리

npm과 yarn

npm과 yarn은 자바스크립트 런타임 환경인 노드(Node.js)의 패키지 관리자이다. 전 세계의 개발자들이 자바스크립트로 만든 다양한 패키지를 npm 온라인 데이터베이스 (opens new window)에 올리면 npm, yarn과 같은 패키지 관리자를 통해 설치 및 삭제가 가능하다.

그리고 명령 줄 인터페이스(Command-line interface, CLI)를 통해 패키지 설치 및 삭제뿐 아니라 패키지 버전 관리, 의존성 관리도 편리하게 할 수 있다.

 

그렇다면 yarn을 쓰는 이유는 무었일까?

 

속도

 

npm과 yarn의 주요 차이점 중 하나는 패키지 설치 프로세스를 처리하는 방법이다. npm은 패키지를 한 번에 하나씩 순차적으로 설치합니다. 그에 비해 yarn은 여러 패키지를 동시에 가져오고 설치하도록 최적화되어 있어 패키지 설치 속도 측면에서 yarn이 npm보다 빠릅니다. (지금은 별 차이 없는 것으로 보여진다..)

 

보안

 

yarn은 보안 측면에서 npm보다 더 안전한 것으로 알려져 있다. npm은 자동으로 패키지에 포함된 다른 패키지 코드를 실행하는데 이 특징은 편리하지만 안정성을 위협할 수 있다. 또한 이로 인해 보안 시스템에 몇 가지 취약성이 발생하며 나중에 심각한 문제가 발생할 수 있다. 반면에 yarn은 yarn.lock 또는 package.json파일에 있는 파일만을 설치해서 보안은 yarn의 핵심 기능 중 하나이다. 

 

 

다음 코드를 통해 패키지를 받아주고 실행해주자

$ npm install yarn

$ yarn init

 

 

패키지 설치는 앞으로 npm install 대신 yarn add로 해주면 된다.

yarn add 패키지 이름