판다꼬마 2022. 5. 22. 13:06
728x90

Node.js

Node.js는 JavaScript로 브라우저 밖에서 서버를 구축하는 등의 코드를 실행할 수 있게 해주는 런타임 환경이다.

 

Node.js 사이트에 들어가 왼쪽을 눌러 다운로드하여 사용하면 된다.

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

Node.js 사용해보기

 

이렇게 서로 다른 파일에 코드를 작성하고 calc.js에 있는 코드를 불러오기 위해 index.js에서 require를 사용했다.

module.exports로 내보낸 이 모듈을
경로와 require를 사용하여 불러와서 호출할 수 있다.
이것은 node.js에서만 사용이 가능하다!

 

 

NPM

Node Package Manager

Node.js의 패키지 관리 도구 이다.

다른 사람이 만들 모듈들을 내가 사용할 수 있게 도와주고
내가 만든 것을 관리할 수 있게 도와준다.

 

 

NPM 사용해보기

저장할 새로운 파일 하나를 바탕화면에 만든 뒤 npm init을 터미널에 작성해 실행해보자

 

설정을 다 마치면

package.json 파일이 나오는데 package.json 파일은

우리가 만들 패키지의 정보를 기록하는 환경설정 파일이다.

 

npm.js 이용해 보기

https://www.npmjs.com/

 

npm

Bring the best of open source to you, your team, and your company Relied upon by more than 11 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java

www.npmjs.com

이 사이트를 들어가 원하는 패키지를 찾아 설치할 수 있다.

거의 대부분의 것들이 오픈소스이니 맘껏 설치하고 사용해보자!

 

나는 randomcolor를 다운로드하여 설치를 해보았다.

설치를 완료하면 package.json에 이렇게 어떤 것이 깔렸는지 확인을 할 수 있다.

 

이렇게 설치한 파일들이 들어간 것을 볼 수 있다.

 

 

다운로드한 패키지 실행해보기

 

package.json에 start라는 명령어를 추가해 자주 사용하는 것을 start만 입력해도 사용이 될 수 있게 해 주었다.

이후 index.js에 require를 통해 불러온 후 npm start를 이용해 실행해보면

랜덤 색상 3개를 가져온 것을 볼 수 있다.

728x90