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

2-5. Node JS 와 NPM JS
라이언달의 Node JS란 소프트웨어는 브라우저 없이도 JavaScript 의 실행이 가능한 런타임환경을 제공한다.
이때, NPM JS란 소프트웨어 환경은 개발자들이 오픈소스로 다양한 템플릿, 기능들을 올려두었기때문에 이를 다운로드 후 Node JS로 바로 적용할 수 있다.
Node JS 예시
console.log("This sentence is normal");
node index.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 소스명 (해당 소스 설치 후 소스가 제공하는 기능들 사용가능.)
'JavaScript > 김민태의 프론트엔드 아카데미 1' 카테고리의 다른 글
| [자바스크립트] async, awaight로 비동기코드를 동기코드처럼 작성하기 (JS, JAVASCRIPT) (0) | 2022.04.09 |
|---|---|
| 프로그래밍언어 공부법, 학습전략 (0) | 2022.02.21 |
| JavaScript 마크다운, 템플릿 활용 (0) | 2022.02.13 |
| 개발자도구(F12)로 웹사이트 HTML 문서 수정하는 방법 두 가지 (0) | 2022.02.04 |
| Javascript 그리고 Typescript (0) | 2022.01.31 |