웹브라우저에서 동적 페이지 생성에 필요한 프론트엔드 개발 언어 Javascript.
하지만 웹브라우저 내부에서만 Javascript를 사용하기엔 너무도 광범위한 웹개발 분야에서 한계가 있었습니다. 이때 등장한 것이 NodeJS입니다.
NodeJS 란?
Node.js : 웹브라우저 밖에서 빌드된 자바스크립트 런타임 환경.
하나의 웹 서비스를 만들기 위해서는 프론트엔드와 백엔드, 즉 웹 브라우저와 웹 서버간의 원활한 통신이 필요합니다. 하지만 프론트엔드 개발자가 서버를 다루기위해서는 새로운 언어를 배워야하는 어려움이 있습니다. 이에 대항하여 내장 HTTP 서버 라이브러리를 포함한 NodeJS가 등장했고, 브라우저 외부환경에서도 Javascript 사용이 가능해졌습니다. NodeJS를 사용하면 Javascript 하나로도 웹 서비스를 만들 수가 있습니다.
** NodeJS는 데이터를 실시간 처리하여 빈번한 I/O가 발생하는 SPA(Single Page Application)에 적합하며 CPU 사용률이 높은 애플리케이션에는 권장하지 않는 서비스입니다.
✔ npm
npm : Node Package Manager(Modules)
npm은 NodeJS를 설치하면 함께 설치되는 패키지 관리도구입니다. 이 패키지는 모듈이라고도 불리며 npm을 통해 서비스 개발에 필요한 webpack, CRA, react 등의 다양한 모듈 라이브러리를 설치할 수 있습니다.
ex) npm install webpack
npm init 명령어를 사용해 초기 package.json 파일을 만들고 프로젝트를 초기화합니다. npm을 통해 다운된 패키지는 package.json에 기록됩니다.
npm의 단점
- 로컬 컴퓨터에 직접 설치되어 용량 차지가 크다
- 다운받은 패키지의 새 버전이 나온 경우, 업데이트를 직접 해주어야한다.
✔ npx
npx : Node Package Runner
npx는 npm 5.2.0 버전부터 새로 도입된 패키지 관리 도구입니다. npm 5.2.0 버전 이상을 다운받았다면 자동으로 설치되며 이는 npm을 좀더 편리하게 사용할 수 있도록 도와줍니다.
ex) npx install webpack
npx의 장점
-패키지를 컴퓨터에 직접 저장하지 않고 일회성으로 패키지를 설치 (용량차지 x)
-매번 최신 업데이트된 패키지를 사용할 수 있다.
npx 동작방법
- 기본적으로, 실행할 패키지가 실행 가능한 경로에 있는지 확인한다. (예를 들면, 프로젝트내에서 다운된 패키지가 있는지 확인)
- 만약에 있다면, 그것을 실행한다.
- 아니라면 패키지가 설치가 되지 않았다는 것으로 판단하여, npx가 가장 최신 버전의 패키지를 설치하고 실행한다.
Top comments (0)