Node Js 와 NPM

2022. 2. 21. 03:58JavaScript/김민태의 프론트엔드 아카데미 1

*해당 포스팅은 김민태선생님의 강의를 복습하기 위한 용도입니다.
 

2-5. Node JS 와 NPM JS

 라이언달의 Node JS란 소프트웨어는 브라우저 없이도 JavaScript 의 실행이 가능한 런타임환경을 제공한다.

이때, NPM JS란 소프트웨어 환경은 개발자들이 오픈소스로 다양한 템플릿, 기능들을 올려두었기때문에 이를 다운로드 후 Node JS로 바로 적용할 수 있다.

 

Node JS 예시 

console.log("This sentence is normal");
console.log("This sentence is normal");
 
이라는 코드를 통해 콘솔창에 따옴표 안의 문장을 출력할 수 있다. 이때, 터미널에서

 

node index.js
 
js 파일명 앞에 node를 붙여 실행하면, 바로 터미널창에 실행결과가 출력된다.
 
이는 브라우저를 통한 실행이 아니고 데스크탑에서 node js 환경을 이용해 코드를 실행시킨것이다.

 

NPM 예시

var color_effect = require('colors');

console.log("This sentence is normal");
console.log("This sentence is colored".yellow);
console.log("This sentence is rainbow".rainbow);

var color_effect = require('colors');
NPM JS에서 다운로드 받은 colors 관련 효과를 호출해 var로 선언한 변수 'color_effect'에 넣는다.


console.log("This sentence is normal");

이렇게 기본적으로 문장을 출력하던 코드에


console.log("This sentence is colored".yellow);

console.log("This sentence is rainbow".rainbow);

온점과 함께 yellow, rainbow를 넣어 효과를 적용할 수 있다.

 

터미널창에 보여지는 실행 결과

Npm의 장점

Npm이 없던 시절, 특정 효과를 구글링해서 찾아보고 js에 적용시킨 개발자 a가 있다면 1년, 2년이 지난 뒤 해당 소스가 업데이트되었는지 확인하고 다시 설치해야했다. 그런데 지금은 NPM에서 제공하는 다양한 기능 중 필요한 기능들을 설치하고 사용하는 셈이므로 NPM 자체를 업데이트하면 자동으로 모든 설치된 파일도 업데이트된 버전으로 사용된다.

 

즉, 번거로움이 사라졌다!

 

#nodejs #npm 


가져갈 것

>> 코드

출력시

console.log("") ;

npm 호출 시

var 변수명 = require ('소스명'); 

 

>> 터미널 창

실행 시

node 파일명.js 

NPM 설치 시

npm install 소스명 (해당 소스 설치 후 소스가 제공하는 기능들 사용가능.)