Jeden Tag, aufrichtig und lustig.

3. npm & module 본문

das Studium

3. npm & module

a-nanas 2023. 3. 7. 20:58

이전에 리액트를 사용하면서 npm을 사용한 경험이 있다.

이로 인해 npm은 리액트를 사용 할 때만 활용한다고 생각했었는데,

JavaScript를 공부하는 와중에 npm을 사용하게 됐다.

 

이런 경험을 통해 평소 모호하게만 알고 있던 npm에 대해

공부하고 싶어 아래에 정리하게 되었다.

 

1. NPM이란?

 

NPM은 Node Package Manager의 준말이며,

Node.js 기반 패키지(모듈)들을 모아둔 저장소이자 매니저다.

 

npm을 사용하고 싶다면, node.js가 먼저 설치되어야 하는데

node.js와 npm의 버전을 확인하고

npm을 설치하고 싶다면 터미널에 아래와 같이 입력하면 된다.

node -v //node 버전 확인
npm -v //npm 버전 확인

npm init // npm 설치

2. NPM 사용이유

 

npm은 쉽게 패키지(모듈) 관리를 할 수 있도록 도와주는 프로그램이다.

여기서 말하는 패키지(모듈)은 '어플리케이션을 이루는 기본 단위'라고 말할 수 있으며,

패키지를 이용하여 개발자는 보다 쉽게 한 프로젝트를 개발 할 수 있다.

 

따라서 프로젝트를 만들면서 사용하는

패키지(모듈)들을 쉽게 관리 할 수 있기 때문에 npm을 사용하는 것이다.

 

패키지들을 업데이트,설치 및 제거 등의 관리를 할 때는 보통 CLI를 통해 한다.

* CLI: Command Line Interface의 준말로 터미널을 의미한다.

 

3. 모듈

프로젝트를 진행하다보면 코드를 모듈화 할때가 많은데

모듈화가 꼭 필요한지 의문이 들 때가 있었다.

 

모듈화가 필요한 이유는 JS는 파일이 나뉘어도 모두 같은 전역 스코프를 사용하기 때문이다.

모두 같은 전역 스코프를 사용하면 다른 파일에 영향을 줄 수 있다.

이것은 모듈화 방식을 통해 해결 할 수 있는데,

모듈화를 하면 모듈의 독립된 스코프로인해 전역 스코프의 오염을 막을 수 있기 때문이다.

 

참고 글

https://www.howdy-mj.me/node/about-npm

 

npm: 소개, 설치, 명령어, 배포

## 1. npm이란? React, Vue, Angular 등 자바스크립트 프레임워크를 사용해 본 사람이라면 `npm`이란 단어를 많이 접해봤을 것이다. 하지만 npm이 무엇이고, 어떻게 사용되는지 아는 사람은 많이 없다고 생

www.howdy-mj.me

 

'das Studium' 카테고리의 다른 글

6. debouncing  (0) 2023.04.01
5. axios interceptors  (0) 2023.03.28
4. remote: fatal error in commit_refs  (0) 2023.03.28
2. 생성자 함수와 일반 함수의 차이점  (0) 2023.02.23
1. reflow & repaint  (0) 2023.01.27