[React JS] 노드 패키지 매니저(npm)와 웹팩(webpack)의 개념 및 역할

■ 노드 패키지 매니저(npm)란 ?

자바 스크립트 라이브러리를 설치하고 관리하는 프로그램

---

특징

• node_modules 폴더에 라이브러리를 설치하고 저장한다.
• pakage.json 파일에 설치된 라이브러리의 정보를 적어 저장하며, pakage.json 파일은 라이브러리 명세역할을 한다.

---

■ 웹팩(webpack)이란?

프로젝트에 사용된 파일을 분석하여 기존 웹 문서 파일로 변환하는 도구이다.

쉽게 말해 웹 브라우저가 해석할 수 있는 파일로 변환해주는 역할을 한다.

---

특징

• 파일을 적절한 크기로 자르거나 묶어주는 역할을 수행할 수 있다. 때문에 프로젝트의 용량을 줄여준다.
• 간단한 노드 기반의 웹 서버를 구동하기도 한다.