https://kelly-chui.github.io/tags/npm/Recent content in Npm on Kelly DevHugoen-usWed, 08 Oct 2025 00:00:00 +0000https://kelly-chui.github.io/posts/node-typescript-project-initialization/Wed, 08 Oct 2025 00:00:00 +0000https://kelly-chui.github.io/posts/node-typescript-project-initialization/<h2 id="새로운-노드-프로젝트-생성하기">새로운 노드 프로젝트 생성하기</h2> <h3 id="npm-초기화부터">npm 초기화부터</h3> <div class="code-theme-github"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">npm init -y</span></span></code></pre></div></div> <p>Node 프로젝트를 초기화한다. 이 명령을 실행하면 현재 디렉터리에 <code>package.json</code> 파일이 생성되고, Node와 npm은 이를 기준으로 프로젝트를 관리한다.</p> <h3 id="npm-install">npm install</h3> <div class="code-theme-github"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zsh" data-lang="zsh"><span class="line"><span class="cl">npm install -D typescript tsx @types/node @types/express</span></span></code></pre></div></div> <ul> <li><code>npm install</code>: 필요한 패키지를 설치하는 명령이다. 뒤에 패키지 이름을 지정하면 해당 패키지를 설치하고, <code>package.json</code>에도 자동으로 기록한다.</li> <li><code>-D</code>: <code>--save-dev</code>의 약자이다. 개발 과정에서만 사용하는 패키지를 <code>devDependencies</code>에 추가한다. TypeScript처럼 빌드 과정에서만 필요한 도구들이 여기에 해당한다.</li> <li>패키지 <ul> <li><code>typescript</code>: TS 컴파일러 (tsc 명령어 제공)</li> <li><code>tsx</code>: TS 파일을 빌드 없이 바로 실행하게 해주는 도구 (dev 서버용)</li> <li><code>@types/node</code>: Node.js의 타입 정의</li> <li><code>@types/express</code>: Express 라이브러리의 타입 정의</li> </ul> </li> </ul> <blockquote> <p>Note.</p>https://kelly-chui.github.io/posts/node-nodejs-introduction/Sun, 05 Oct 2025 00:00:00 +0000https://kelly-chui.github.io/posts/node-nodejs-introduction/<p>Node.js는 브라우저 밖에서도 JavaScript를 실행할 수 있게 해주는 런타임이다.</p> <h2 id="구조">구조</h2> <p>Node.js를 설치하면 JavaScript 런타임 하나만 설치되는 것이 아닌, 프로젝트 관리, 외부 라이브러리, 개발 도구를 실행하기 위한 여러 구성 요소가 함께 설치된다.</p> <h3 id="node">Node</h3> <p>JavaScript 실행 환경이다. 브라우저 외부에서 JS를 실행할 수 있게 해준다.</p> <p>간단한 파일은 다음처럼 직접 실행할 수도 있다. (다른 언어들과 비슷하다.)</p> <div class="code-theme-github"><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zsh" data-lang="zsh"><span class="line"><span class="cl">node &lt;FILE-NAME&gt;.js</span></span></code></pre></div></div> <h3 id="npmnode-package-manager">npm(Node Package Manager)</h3> <p>Node 프로젝트의 패키지 관리자이다. 외부 라이브러리를 설치하고, 제거하고, 프로젝트의 의존성을 관리한다.</p> <p>외부 라이브러리를 설치할 때는 다음 명령을 사용한다.</p>