📝 docs: NestJS 시작하기 포스트 node.js 설치까지 작성

_site/404.html

@@ -96,7 +96,7 @@
   w._search = {
     DATA_URL: '/assets/sitedata.json?no-cache',
     STORAGE_KEY: 'mini-search/',
-    INDEX_KEY: 'index--2024-03-28T15:49:41+09:00',
+    INDEX_KEY: 'index--2024-03-28T17:28:07+09:00',
   };
   w._clapButton = true;
 }(window);</script>

_site/about/index.html

@@ -96,7 +96,7 @@
   w._search = {
     DATA_URL: '/assets/sitedata.json?no-cache',
     STORAGE_KEY: 'mini-search/',
-    INDEX_KEY: 'index--2024-03-28T15:49:41+09:00',
+    INDEX_KEY: 'index--2024-03-28T17:28:07+09:00',
   };
   w._clapButton = true;
 }(window);</script>

_site/drafts/2024-03-21-초안 테스트.html

@@ -96,7 +96,7 @@
   w._search = {
     DATA_URL: '/assets/sitedata.json?no-cache',
     STORAGE_KEY: 'mini-search/',
-    INDEX_KEY: 'index--2024-03-28T15:49:41+09:00',
+    INDEX_KEY: 'index--2024-03-28T17:28:07+09:00',
   };
   w._clapButton = true;
 }(window);</script>

_site/drafts/2024-03-26-NestJS-시작하기.html

@@ -30,7 +30,7 @@
 
 
 
-<title>NestJS 시작하기 | NicoDora</title>
+<title>NestJS 공식 문서와 함께 시작하기 | NicoDora</title>
 <meta name="description" content="NestJS를 설치하고 기본 구조를 살펴보며 NestJS를 사용해서 프로젝트를 시작해봅시다.
 ">
 <link rel="canonical" href="http://localhost:4000/drafts/2024-03-26-NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html">
@@ -96,7 +96,7 @@
   w._search = {
     DATA_URL: '/assets/sitedata.json?no-cache',
     STORAGE_KEY: 'mini-search/',
-    INDEX_KEY: 'index--2024-03-28T15:49:41+09:00',
+    INDEX_KEY: 'index--2024-03-28T17:28:07+09:00',
   };
   w._clapButton = true;
 }(window);</script>
@@ -220,7 +220,7 @@
   <header>
     <h1 class="post-title flip-project-title">
 
-        NestJS 시작하기
+        NestJS 공식 문서와 함께 시작하기
 
     </h1>
 
@@ -245,7 +245,7 @@ <h1 class="post-title flip-project-title">
 
     src="/assets/img/2024-03-26-NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0/nestjs-logo.png"
 
-  alt="NestJS 시작하기"
+  alt="NestJS 공식 문서와 함께 시작하기"
 
 
   width="864"
@@ -276,6 +276,46 @@ <h1 class="post-title flip-project-title">
     1. TOC
 {:toc}
 
+## 시작하기 전에
+
+NestJS를 설치하기 위해서는 <span style="color:rgb(65, 126, 56)"><b>Node.js</b></span>와 <span style="color:#CC3534"><b>npm</b></span>이 설치되어 있어야 합니다. 만약 설치되어 있지 않다면 [Node.js 공식 홈페이지](https://nodejs.org/en/download)에서 Node.js를 설치해주세요.\
+(Node.js를 설치하면 npm도 함께 설치됩니다.)
+
+<br>
+Node.js 공식 다운로드 페이지에 들어가면 아래와 같은 화면이 보이게 됩니다.
+
+<img src="/assets/img/2024-03-26-NestJS-시작하기/nodejs-download-page.png" alt="Node.js 공식 홈페이지">
+
+LTS 버전과 Current 버전이 있는데, LTS 버전은 장기 지원되는 안정적인 버전이고 Current 버전은 최신 기능이 추가된 버전입니다.\
+Current 버전에서는 예상치 못한 에러가 발생할 수 있으므로 보통은 LTS 버전을 권장합니다.
+
+그 다음으로 본인이 사용중인 컴퓨터 환경을 선택하고 다운로드 해주시면 됩니다!
+
+> 참고로 필자는 ARM 아키텍처를 사용한 애플 실리콘이 탑재된 macOS를 사용하고 있어 위 화면처럼 선택했습니다.
+
+<br>
+설치가 완료되었다면 터미널을 열어 아래 명령어를 입력해 Node.js와 npm이 정상적으로 설치되었는지 확인해봅시다.
+
+~~~zsh
+# file: "terminal"
+node -v
+~~~
+
+<img src="/assets/img/2024-03-26-NestJS-시작하기/node-version-check.png" width="500" alt="node 버전 확인">
+
+<br>
+~~~zsh
+# file: "terminal"
+npm -v
+~~~
+
+<img src="/assets/img/2024-03-26-NestJS-시작하기/npm-version-check.png" width="500" alt="npm 버전 확인">
+
+<br>
+명령어를 입력했을 때 Node.js와 npm의 버전이 출력된다면 정상적으로 설치가 완료된 것입니다.\
+그럼 이제 NestJS를 설치하러 가봅시다!
+<br>
+
 ## NestJS 설치하기
 
 </article>

_site/feed.xml

@@ -1,8 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en"><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" hreflang="en" /><updated>2024-03-28T15:49:41+09:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">NicoDora</title><subtitle>백엔드 개발을 중심으로 포스트 하고 있는 NicoDora의 블로그입니다.</subtitle><author><name>NicoDora</name></author><entry><title type="html">NestJS 시작하기</title><link href="http://localhost:4000/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html" rel="alternate" type="text/html" title="NestJS 시작하기" /><published>2024-03-26T21:20:00+09:00</published><updated>2024-03-26T21:20:00+09:00</updated><id>http://localhost:4000/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0</id><content type="html" xml:base="http://localhost:4000/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html"><![CDATA[<ol id="markdown-toc">
-  <li><a href="#nestjs-설치하기" id="markdown-toc-nestjs-설치하기">NestJS 설치하기</a></li>
-</ol>
-
-<h2 id="nestjs-설치하기">NestJS 설치하기</h2>]]></content><author><name>NicoDora</name></author><category term="nestjs" /><summary type="html"><![CDATA[NestJS를 설치하고 기본 구조를 살펴보며 NestJS를 사용해서 프로젝트를 시작해봅시다.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://localhost:4000/assets/img/2024-03-26-NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0/nestjs-logo.png" /><media:content medium="image" url="http://localhost:4000/assets/img/2024-03-26-NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0/nestjs-logo.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">NestJS를 선택한 이유 (NestJS란?)</title><link href="http://localhost:4000/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0.html" rel="alternate" type="text/html" title="NestJS를 선택한 이유 (NestJS란?)" /><published>2024-03-22T21:20:00+09:00</published><updated>2024-03-22T21:20:00+09:00</updated><id>http://localhost:4000/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0</id><content type="html" xml:base="http://localhost:4000/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0.html"><![CDATA[<ol id="markdown-toc">
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en"><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" hreflang="en" /><updated>2024-03-28T17:28:07+09:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">NicoDora</title><subtitle>백엔드 개발을 중심으로 포스트 하고 있는 NicoDora의 블로그입니다.</subtitle><author><name>NicoDora</name></author><entry><title type="html">NestJS를 선택한 이유 (NestJS란?)</title><link href="http://localhost:4000/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0.html" rel="alternate" type="text/html" title="NestJS를 선택한 이유 (NestJS란?)" /><published>2024-03-22T21:20:00+09:00</published><updated>2024-03-22T21:20:00+09:00</updated><id>http://localhost:4000/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0</id><content type="html" xml:base="http://localhost:4000/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0.html"><![CDATA[<ol id="markdown-toc">
   <li><a href="#nestjs란" id="markdown-toc-nestjs란">NestJS란?</a></li>
   <li><a href="#nestjs를-선택하기-전에" id="markdown-toc-nestjs를-선택하기-전에">NestJS를 선택하기 전에</a></li>
   <li><a href="#nestjs를-선택한-이유" id="markdown-toc-nestjs를-선택한-이유">NestJS를 선택한 이유</a></li>

_site/forms-by-example.html

@@ -96,7 +96,7 @@
   w._search = {
     DATA_URL: '/assets/sitedata.json?no-cache',
     STORAGE_KEY: 'mini-search/',
-    INDEX_KEY: 'index--2024-03-28T15:49:41+09:00',
+    INDEX_KEY: 'index--2024-03-28T17:28:07+09:00',
   };
   w._clapButton = true;
 }(window);</script>

_site/incomplete/2024/03/19/The-first-test-post.html

@@ -96,7 +96,7 @@
   w._search = {
     DATA_URL: '/assets/sitedata.json?no-cache',
     STORAGE_KEY: 'mini-search/',
-    INDEX_KEY: 'index--2024-03-28T15:49:41+09:00',
+    INDEX_KEY: 'index--2024-03-28T17:28:07+09:00',
   };
   w._clapButton = true;
 }(window);</script>
@@ -455,7 +455,7 @@ <h1 class="post-title flip-project-title">
 
 
 
-  <aside class="related mb4" role="complementary">  <h2 class="hr-bottom">Related Posts</h2>  <ul class="related-posts">                  <li class="h4">  <a href="/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html" class="flip-title"><span>NestJS 시작하기</span></a>  <time class="faded fine" datetime="2024-03-26T21:20:00+09:00">2024-03-26 21:20</time></li>                        <li class="h4">  <a href="/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0.html" class="flip-title"><span>NestJS를 선택한 이유 (NestJS란?)</span></a>  <time class="faded fine" datetime="2024-03-22T21:20:00+09:00">2024-03-22 21:20</time></li>            </ul></aside>
+  <aside class="related mb4" role="complementary">  <h2 class="hr-bottom">Related Posts</h2>  <ul class="related-posts">                  <li class="h4">  <a href="/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0.html" class="flip-title"><span>NestJS를 선택한 이유 (NestJS란?)</span></a>  <time class="faded fine" datetime="2024-03-22T21:20:00+09:00">2024-03-22 21:20</time></li>            </ul></aside>
 
 
 

_site/incomplete/index.html

@@ -96,7 +96,7 @@
   w._search = {
     DATA_URL: '/assets/sitedata.json?no-cache',
     STORAGE_KEY: 'mini-search/',
-    INDEX_KEY: 'index--2024-03-28T15:49:41+09:00',
+    INDEX_KEY: 'index--2024-03-28T17:28:07+09:00',
   };
   w._clapButton = true;
 }(window);</script>

_site/index.html

@@ -96,7 +96,7 @@
   w._search = {
     DATA_URL: '/assets/sitedata.json?no-cache',
     STORAGE_KEY: 'mini-search/',
-    INDEX_KEY: 'index--2024-03-28T15:49:41+09:00',
+    INDEX_KEY: 'index--2024-03-28T17:28:07+09:00',
   };
   w._clapButton = true;
 }(window);</script>
@@ -231,84 +231,6 @@ <h1 class="page-title">NicoDora 블로그</h1>
 
 
 
-<article id="post-nestjs-2024-03-26-NestJS-시작하기" class="page post mb6" role="article">
-  <header>
-    <h1 class="post-title flip-project-title">
-      <a href="/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html" class="flip-title">
-        NestJS 시작하기
-      </a>
-    </h1>
-
-    <div class="post-date">
-      
-      <span class="ellipsis mr1">
-        <time datetime="2024-03-26T21:20:00+09:00">2024-03-26 21:20</time> in <a href="/nestjs/" class="flip-title">NestJS</a> 
-      </span>
-      
-        
-      
-    </div>
-
-    
-    
-      <a href="/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html" class="no-hover no-print-link flip-project" tabindex="-1">
-        <div class="img-wrapper lead aspect-ratio sixteen-nine flip-project-img">
-          
-
-
-<img
-  
-    src="/assets/img/2024-03-26-NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0/nestjs-logo.png"
-  
-  alt="NestJS 시작하기"
-  
-  
-  width="864"
-  height="486"
-  loading="lazy"
-/>
-
-        </div>
-      </a>
-      
-    
-
-    
-
-
-
-  
-    <p class="note-sm" >
-      NestJS를 설치하고 기본 구조를 살펴보며 NestJS를 사용해서 프로젝트를 시작해봅시다.
-
-    </p>
-  
-
-
-  </header>
-
-  
-    
-
-    
-    
-    <footer>
-      <p class="read-more">
-        Continue reading <a class="heading flip-title" href="/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html">NestJS 시작하기</a>
-      </p>
-    </footer>
-  
-</article>
-
-    
-  
-    
-      
-
-
-
-
-
 <article id="post-nestjs-2024-03-22-NestJS를-선택한-이유" class="page post mb6" role="article">
   <header>
     <h1 class="post-title flip-project-title">
@@ -395,17 +317,6 @@ <h2 class="hr-bottom">All Posts</h2>
 
 
 
-<li class="h4">
-  <a href="/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html" class="flip-title"><span>NestJS 시작하기</span></a>
-  <time class="faded fine" datetime="2024-03-26T21:20:00+09:00">2024-03-26 21:20</time>
-</li>
-
-
-
-
-
-
-
 <li class="h4">
   <a href="/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0.html" class="flip-title"><span>NestJS를 선택한 이유 (NestJS란?)</span></a>
   <time class="faded fine" datetime="2024-03-22T21:20:00+09:00">2024-03-22 21:20</time>
@@ -426,15 +337,6 @@ <h2 class="hr-bottom">NestJS</h2>
 
 
 
-<li class="h4">
-  <a href="/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html" class="flip-title"><span>NestJS 시작하기</span></a>
-  <time class="faded fine" datetime="2024-03-26T21:20:00+09:00">2024-03-26 21:20</time>
-</li>
-
-
-
-
-
 <li class="h4">
   <a href="/nestjs/2024/03/22/NestJS%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%9C-%EC%9D%B4%EC%9C%A0.html" class="flip-title"><span>NestJS를 선택한 이유 (NestJS란?)</span></a>
   <time class="faded fine" datetime="2024-03-22T21:20:00+09:00">2024-03-22 21:20</time>

_site/nestjs/2024/03/22/NestJS를-선택한-이유.html

@@ -96,7 +96,7 @@
   w._search = {
     DATA_URL: '/assets/sitedata.json?no-cache',
     STORAGE_KEY: 'mini-search/',
-    INDEX_KEY: 'index--2024-03-28T15:49:41+09:00',
+    INDEX_KEY: 'index--2024-03-28T17:28:07+09:00',
   };
   w._clapButton = true;
 }(window);</script>
@@ -425,7 +425,7 @@ <h2 id="지금부터는">지금부터는</h2>
 
 
 
-  <aside class="related mb4" role="complementary">  <h2 class="hr-bottom">Related Posts</h2>  <ul class="related-posts">                  <li class="h4">  <a href="/nestjs/2024/03/26/NestJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0.html" class="flip-title"><span>NestJS 시작하기</span></a>  <time class="faded fine" datetime="2024-03-26T21:20:00+09:00">2024-03-26 21:20</time></li>                        <li class="h4">  <a href="/incomplete/2024/03/19/The-first-test-post.html" class="flip-title"><span>The first test post</span></a>  <time class="faded fine" datetime="2024-03-19T21:31:00+09:00">2024-03-19 21:31</time></li>            </ul></aside>
+  <aside class="related mb4" role="complementary">  <h2 class="hr-bottom">Related Posts</h2>  <ul class="related-posts">                  <li class="h4">  <a href="/incomplete/2024/03/19/The-first-test-post.html" class="flip-title"><span>The first test post</span></a>  <time class="faded fine" datetime="2024-03-19T21:31:00+09:00">2024-03-19 21:31</time></li>            </ul></aside>