npm 이 뭔가요?
세상에서 가장 큰 코드 도서관
⏱ 예상 ~4분
01 · 읽기
Node.js 를 설치할 때, npm 이라는 도구가 함께 와요. Node Package Manager (Node 패키지 매니저) 의 약자예요.
npm 은 app store 같은 거예요. 다만 안에 있는 게 코드일 뿐이죠. 폰에 앱을 다운로드하는 대신, 패키지 (재사용 가능한 코드) 를 본인 프로젝트에 다운로드해요. web 서버를 만들고 싶어요? 패키지 있어요. 날짜를 다루고 싶어요? 패키지 있어요. 이메일을 보내고 싶어요? 패키지 있어요.
모든 걸 처음부터 직접 작성하는 대신, 엔지니어는 자신의 결과물을 무료로 공유한 수백만 다른 엔지니어들의 어깨 위에 서요.
💡 상상해 봐요npm 은 거대한 레고 가게 같아요. 모든 블록을 직접 깎는 대신, 이미 만들어진 부품을 가져다가 합쳐서 새로운 걸 만들어요.
02 · 읽기
npm registry 에는 200 만 개가 넘는 패키지가 있고 매일 늘어나고 있어요. 아래는 본인이 만나게 될 인기 패키지 몇 개예요:
핵심 정리
- express — web 서버 만들기 (주당 3000 만 회 이상 다운로드)
- axios — 다른 서버나 API 에 HTTP 요청 보내기
- dayjs — 날짜와 시간을 미치지 않고 다루기
- chalk — 터미널 출력에 색상 추가하기
03 · 퀴즈
npm 이 뭔가요?
- 프로그래밍 언어
- 재사용 가능한 코드 라이브러리를 설치할 수 있게 해주는 패키지 매니저
- 코드 작성용 텍스트 편집기
- 본인 프로젝트를 호스팅하는 웹사이트
04 · 빈칸 채우기
npm 은 Node _____ Manager 의 약자예요.
05 · 읽기
엔지니어로서 npm 을 계속 쓰게 될 거예요. 가장 자주 쓰는 두 명령어: - npm install <package> — 본인 프로젝트에 패키지를 다운로드 - npm init — 새 프로젝트 세팅
다음 강의에서 이걸 써 봐요.
핵심 정리
- npm install 은 registry 에서 패키지를 다운로드해요
- npm init 는 새 프로젝트 설정을 만들어요
- 모든 Node.js 프로젝트는 자신의 패키지를 나열하는 package.json 을 가져요
06 · 빈칸 채우기
chalk 라는 패키지를 본인 프로젝트에 다운로드하려면, npm _____ chalk 를 실행해요.
⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.
※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.