diff --git a/.sass-cache/10e037c0ab1189b95e12680cb77b4b25c6ae4503/_tables.scssc b/.sass-cache/10e037c0ab1189b95e12680cb77b4b25c6ae4503/_tables.scssc
index 79b807e..36161cb 100644
Binary files a/.sass-cache/10e037c0ab1189b95e12680cb77b4b25c6ae4503/_tables.scssc and b/.sass-cache/10e037c0ab1189b95e12680cb77b4b25c6ae4503/_tables.scssc differ
diff --git a/_sass/base/_tables.scss b/_sass/base/_tables.scss
index 8c5cc31..b13168c 100644
--- a/_sass/base/_tables.scss
+++ b/_sass/base/_tables.scss
@@ -23,3 +23,8 @@ td,
 th {
   vertical-align: middle;
 }
+
+td.blob-num {
+  box-sizing: content-box;
+  border: none;
+}
\ No newline at end of file
diff --git a/_site/a11y/2023/12/24/web-accessibility-1.html b/_site/a11y/2023/12/24/web-accessibility-1.html
index 869e250..646c7fb 100644
--- a/_site/a11y/2023/12/24/web-accessibility-1.html
+++ b/_site/a11y/2023/12/24/web-accessibility-1.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -1026,6 +1036,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/a11y/2023/12/31/web-accessibility-2.html b/_site/a11y/2023/12/31/web-accessibility-2.html
index bd5d0ac..cde3c9f 100644
--- a/_site/a11y/2023/12/31/web-accessibility-2.html
+++ b/_site/a11y/2023/12/31/web-accessibility-2.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -1575,6 +1585,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/a11y/index.html b/_site/category/a11y/index.html
index 6e3c057..d25f157 100644
--- a/_site/category/a11y/index.html
+++ b/_site/category/a11y/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -461,6 +471,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/conference/index.html b/_site/category/conference/index.html
index 59a75a5..7a56f6f 100644
--- a/_site/category/conference/index.html
+++ b/_site/category/conference/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/css/index.html b/_site/category/css/index.html
index d97250e..d3eb452 100644
--- a/_site/category/css/index.html
+++ b/_site/category/css/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/cypress/index.html b/_site/category/cypress/index.html
index aaec8eb..0330dee 100644
--- a/_site/category/cypress/index.html
+++ b/_site/category/cypress/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/deployment/index.html b/_site/category/deployment/index.html
index a21c3c6..b3b1458 100644
--- a/_site/category/deployment/index.html
+++ b/_site/category/deployment/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/electron/index.html b/_site/category/electron/index.html
index 65e7f10..8b427f9 100644
--- a/_site/category/electron/index.html
+++ b/_site/category/electron/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/javascript/index.html b/_site/category/javascript/index.html
index bc29123..1edd027 100644
--- a/_site/category/javascript/index.html
+++ b/_site/category/javascript/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -282,6 +292,8 @@ <h1 class="post-title">Posts in "Javascript"</h1>
   <article class="post-content">
     <ul class="posts-list">
       
+      <li><strong><a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">[JavaScript] 모듈 시스템 (CJS, ESM)</a></strong><span class="post-date"> - March 2, 2024</span></li>
+      
       <li><strong><a class="post-link" href="/javascript/2023/05/21/tail-call-optimization.html">[JavaScript] 꼬리 물기 최적화</a></strong><span class="post-date"> - May 21, 2023</span></li>
       
       <li><strong><a class="post-link" href="/javascript/2023/04/23/ecma-script-2023.html">[JavaScript] ECMAScript 2023 살펴보기</a></strong><span class="post-date"> - April 23, 2023</span></li>
@@ -465,6 +477,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/lighthouse/index.html b/_site/category/lighthouse/index.html
index 12ec5dd..498f5c0 100644
--- a/_site/category/lighthouse/index.html
+++ b/_site/category/lighthouse/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/lookingback/index.html b/_site/category/lookingback/index.html
index 307e8d1..3dc147d 100644
--- a/_site/category/lookingback/index.html
+++ b/_site/category/lookingback/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -463,6 +473,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/opensource/index.html b/_site/category/opensource/index.html
index 7160670..47ab5f1 100644
--- a/_site/category/opensource/index.html
+++ b/_site/category/opensource/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/react/index.html b/_site/category/react/index.html
index 73f3422..395b942 100644
--- a/_site/category/react/index.html
+++ b/_site/category/react/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -461,6 +471,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/review/index.html b/_site/category/review/index.html
index a3e576c..f0b9f54 100644
--- a/_site/category/review/index.html
+++ b/_site/category/review/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/storybook/index.html b/_site/category/storybook/index.html
index 9f5740e..21c3d28 100644
--- a/_site/category/storybook/index.html
+++ b/_site/category/storybook/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/category/web/index.html b/_site/category/web/index.html
index 604e99f..1a51720 100644
--- a/_site/category/web/index.html
+++ b/_site/category/web/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/conference/2022/10/21/boost-conference.html b/_site/conference/2022/10/21/boost-conference.html
index d8983fc..f7930f4 100644
--- a/_site/conference/2022/10/21/boost-conference.html
+++ b/_site/conference/2022/10/21/boost-conference.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -666,6 +676,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/css/2023/07/16/css-fallback-style.html b/_site/css/2023/07/16/css-fallback-style.html
index b6a0784..b22ed10 100644
--- a/_site/css/2023/07/16/css-fallback-style.html
+++ b/_site/css/2023/07/16/css-fallback-style.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -665,6 +675,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/css/main.css b/_site/css/main.css
index 70f1628..f4d2b1c 100644
--- a/_site/css/main.css
+++ b/_site/css/main.css
@@ -153,6 +153,10 @@ td,
 th {
   vertical-align: middle; }
 
+td.blob-num {
+  box-sizing: content-box;
+  border: none; }
+
 body {
   -webkit-font-feature-settings: "kern", "liga", "pnum";
   -moz-font-feature-settings: "kern", "liga", "pnum";
diff --git a/_site/cypress/2023/06/04/component-interaction-test.html b/_site/cypress/2023/06/04/component-interaction-test.html
index 0869611..df5ac51 100644
--- a/_site/cypress/2023/06/04/component-interaction-test.html
+++ b/_site/cypress/2023/06/04/component-interaction-test.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -1622,6 +1632,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/deployment/2023/02/09/aws-ec2-deployment.html b/_site/deployment/2023/02/09/aws-ec2-deployment.html
index 2e90817..35e1596 100644
--- a/_site/deployment/2023/02/09/aws-ec2-deployment.html
+++ b/_site/deployment/2023/02/09/aws-ec2-deployment.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -859,6 +869,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/electron/2023/02/24/electron.html b/_site/electron/2023/02/24/electron.html
index 9ed2f79..494eda0 100644
--- a/_site/electron/2023/02/24/electron.html
+++ b/_site/electron/2023/02/24/electron.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -979,6 +989,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/feed.xml b/_site/feed.xml
index 0983983..c24add9 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -6,10 +6,34 @@
 </description>
     <link>http://localhost:4000/</link>
     <atom:link href="http://localhost:4000/feed.xml" rel="self" type="application/rss+xml"/>
-    <pubDate>Mon, 15 Jan 2024 01:02:28 +0900</pubDate>
-    <lastBuildDate>Mon, 15 Jan 2024 01:02:28 +0900</lastBuildDate>
+    <pubDate>Sat, 02 Mar 2024 22:40:16 +0900</pubDate>
+    <lastBuildDate>Sat, 02 Mar 2024 22:40:16 +0900</lastBuildDate>
     <generator>Jekyll v3.9.2</generator>
     
+      <item>
+        <title>[JavaScript] 모듈 시스템 (CJS, ESM)</title>
+        <description>&lt;h1 id=&quot;모듈-시스템-cjs-esm&quot;&gt;모듈 시스템 (CJS, ESM)&lt;/h1&gt; &lt;h2 id=&quot;1-모듈&quot;&gt;1. 모듈&lt;/h2&gt; &lt;p&gt;코드를 짜다보면 프로그램의 규모가 점차 커지면서 하나의 파일에 작성했던 코드를 관련된 내용끼리 여러 파일에 분리하곤 합니다. JavaScript에서는 각 파일을 서로 다른 모듈로...</description>
+        <pubDate>Sat, 02 Mar 2024 09:00:00 +0900</pubDate>
+        <link>http://localhost:4000/javascript/2024/03/02/javascript-module-system.html</link>
+        <guid isPermaLink="true">http://localhost:4000/javascript/2024/03/02/javascript-module-system.html</guid>
+        
+        <category>javascript</category>
+        
+        <category>moduleSystem</category>
+        
+        <category>commonJS</category>
+        
+        <category>ecmaScriptModules</category>
+        
+        <category>cjs</category>
+        
+        <category>esm</category>
+        
+        
+        <category>JavaScript</category>
+        
+      </item>
+    
       <item>
         <title>[LookingBack] 2023년 돌아보기</title>
         <description>&lt;h1 id=&quot;2023년-돌아보기&quot;&gt;2023년 돌아보기&lt;/h1&gt; &lt;p&gt;연말에는 웹 접근성에 관한 글을 적느라 경황이 없었고 연초에는 개인 일정을 소화하느라 진득하게 회고할 겨를이 없었습니다. 그래서 2024년 새해가 시작된 지 2주가 지난 시점에서 2023년을 돌아봅니다.&lt;/p&gt; &lt;p&gt;아무래도...</description>
@@ -162,23 +186,5 @@
         
       </item>
     
-      <item>
-        <title>[Storybook] 스토리북의 Docs 기능으로 컴포넌트 라이브러리 문서화하기</title>
-        <description>&lt;h1 id=&quot;스토리북의-docs-기능으로-컴포넌트-라이브러리-문서화하기&quot;&gt;스토리북의 Docs 기능으로 컴포넌트 라이브러리 문서화하기&lt;/h1&gt; &lt;blockquote&gt; &lt;h3 id=&quot;-ui-컴포넌트-렌더링을-확인할-때-사용했던-storybook으로-각-컴포넌트-정보를-문서화한-과정을-정리해봅니다&quot;&gt;💡 UI 컴포넌트 렌더링을 확인할 때 사용했던 Storybook으로 각 컴포넌트 정보를 문서화한 과정을 정리해봅니다.&lt;/h3&gt; &lt;/blockquote&gt; &lt;h2 id=&quot;1-문서화&quot;&gt;1. 문서화&lt;/h2&gt; &lt;p&gt;&lt;a href=&quot;https://iyu88.github.io/react/2023/03/25/react-compound-component-pattern.html&quot;&gt;지난 포스트&lt;/a&gt;에서...</description>
-        <pubDate>Fri, 07 Apr 2023 09:00:00 +0900</pubDate>
-        <link>http://localhost:4000/storybook/2023/04/07/storybook-docs.html</link>
-        <guid isPermaLink="true">http://localhost:4000/storybook/2023/04/07/storybook-docs.html</guid>
-        
-        <category>Storybook</category>
-        
-        <category>Docs</category>
-        
-        <category>DesignSystem</category>
-        
-        
-        <category>Storybook</category>
-        
-      </item>
-    
   </channel>
 </rss>
diff --git a/_site/index.html b/_site/index.html
index 58ca54b..7169db2 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -284,6 +294,34 @@ <h1 class="title">
   <div class="wrapper">
     <ul class="post-list">
       
+      <li>
+        <h2>
+          <a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">
+            [JavaScript] 모듈 시스템 (CJS, ESM)</a>
+        </h2>
+        <section class="post-excerpt" itemprop="description">
+          <p>
+            모듈 시스템 (CJS, ESM) 1. 모듈 코드를 짜다보면 프로그램의 규모가 점차 커지면서 하나의 파일에 작성했던 코드를 관련된 내용끼리 여러 파일에 분리하곤 합니다. JavaScript에서는 각 파일을 서로 다른 모듈로 취급하고, 각 모듈에서는 변수나 함수를 공유하기 위해 이를 내보내고 불러올 수 있어야 합니다. 이 때, 프로젝트가 사용하고 있는 모듈 시스템과 사용하려는 모듈이...
+          </p>
+        </section>
+        <section class="post-meta">
+          <div class="post-date">
+            March 2, 2024
+          </div>
+          <div class="post-categories">
+            in 
+            
+            <a href="/category/JavaScript">
+              Javascript</a>
+            
+            
+          </div>
+        </section>
+      </li>
+      
+      <hr>
+      
+      
       <li>
         <h2>
           <a class="post-link" href="/lookingback/2024/01/14/looking-back-the-year.html">
@@ -1092,6 +1130,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/javascript/2022/10/16/tagged-templates.html b/_site/javascript/2022/10/16/tagged-templates.html
index b741278..fa3fa64 100644
--- a/_site/javascript/2022/10/16/tagged-templates.html
+++ b/_site/javascript/2022/10/16/tagged-templates.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -646,6 +656,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/javascript/2023/01/31/javascript-prototype.html b/_site/javascript/2023/01/31/javascript-prototype.html
index bdeb253..6900190 100644
--- a/_site/javascript/2023/01/31/javascript-prototype.html
+++ b/_site/javascript/2023/01/31/javascript-prototype.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -782,6 +792,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/javascript/2023/03/11/garbage-collection.html b/_site/javascript/2023/03/11/garbage-collection.html
index 458228c..19b4d03 100644
--- a/_site/javascript/2023/03/11/garbage-collection.html
+++ b/_site/javascript/2023/03/11/garbage-collection.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -820,6 +830,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/javascript/2023/04/23/ecma-script-2023.html b/_site/javascript/2023/04/23/ecma-script-2023.html
index 24595d7..858d11b 100644
--- a/_site/javascript/2023/04/23/ecma-script-2023.html
+++ b/_site/javascript/2023/04/23/ecma-script-2023.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -887,6 +897,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/javascript/2023/05/21/tail-call-optimization.html b/_site/javascript/2023/05/21/tail-call-optimization.html
index 639dbeb..15f9bf3 100644
--- a/_site/javascript/2023/05/21/tail-call-optimization.html
+++ b/_site/javascript/2023/05/21/tail-call-optimization.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -724,6 +734,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/javascript/2024/03/02/javascript-module-system.html b/_site/javascript/2024/03/02/javascript-module-system.html
new file mode 100644
index 0000000..da2adc8
--- /dev/null
+++ b/_site/javascript/2024/03/02/javascript-module-system.html
@@ -0,0 +1,776 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>
+    [JavaScript] 모듈 시스템 (CJS, ESM)
+  </title>
+  <meta name="description" content="모듈 시스템 (CJS, ESM)">
+  
+  <meta name="author" content="Hyunbin Lee">
+  <meta name="copyright" content="&copy; Hyunbin Lee 2024">
+  
+
+  <!-- External libraries -->
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css">
+
+  <!-- Favicon and other icons (made with http://www.favicon-generator.org/) -->
+  <link rel="shortcut icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="manifest" href="/assets/icons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  
+
+  
+
+  
+
+  <!-- Site styles -->
+  <link rel="stylesheet" href="/css/main.css">
+  <link rel="canonical" href="http://localhost:4000/javascript/2024/03/02/javascript-module-system.html">
+  <link rel="alternate" type="application/rss+xml" title="구멍을 외면하지 말자" href="http://localhost:4000/feed.xml" />
+
+  <!-- Tooltips -->
+  <script type="text/javascript">
+    window.tooltips = []
+  </script>
+
+  
+  <!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','GTM-P48NKV3');</script>
+  <!-- End Google Tag Manager -->
+  
+  
+</head>
+
+
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4H99JTCZN9"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    if (location.host === 'iyu88.github.io') {
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      
+      gtag('config', 'G-4H99JTCZN9');
+    }
+  </script>
+  <!-- End of Google tag (gtag.js) -->
+
+  <body>
+
+    
+    <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P48NKV3"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+  
+    
+
+    <header class="navigation" role="banner">
+  <div class="navigation-wrapper">
+    <a href="/" class="logo">
+      
+      <img src="/assets/logo.png" alt="구멍을 외면하지 말자">
+      <h4 class="title">Hyunbin Lee</h4>
+      
+    </a>
+    <a href="javascript:void(0)" class="navigation-menu-button" id="js-mobile-menu">
+      <i class="fa fa-bars"></i>
+    </a>
+    <nav role="navigation">
+      <ul id="js-navigation-menu" class="navigation-menu show">
+				
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </nav>
+  </div>
+</header>
+
+
+    <div class="page-content">
+        <div class="post">
+
+  <div class="post-header-container has-cover" style="background-image: url(/assets/instacode.png);" >
+    <div class="scrim has-cover">
+      <header class="post-header">
+        <h1 class="title">
+          [JavaScript] 모듈 시스템 (CJS, ESM)
+        </h1>
+        <p class="info">by <strong>
+            Hyunbin Lee</strong></p>
+      </header>
+    </div>
+  </div>
+
+  <div class="wrapper">
+
+    
+
+    <section class="post-meta">
+      <div class="post-date">
+        March 2, 2024
+      </div>
+      <div class="post-categories">
+        in 
+        
+        <a href="/category/JavaScript">
+          Javascript</a>
+        
+        
+      </div>
+    </section>
+
+    <article class="post-content">
+      <h1 id="모듈-시스템-cjs-esm">모듈 시스템 (CJS, ESM)</h1>
+
+<h2 id="1-모듈">1. 모듈</h2>
+
+<p>코드를 짜다보면 프로그램의 규모가 점차 커지면서 하나의 파일에 작성했던 코드를 관련된 내용끼리 여러 파일에 분리하곤 합니다. 
+JavaScript에서는 각 파일을 서로 다른 모듈로 취급하고, 각 모듈에서는 변수나 함수를 공유하기 위해 이를 내보내고 불러올 수 있어야 합니다. 
+이 때, 프로젝트가 사용하고 있는 모듈 시스템과 사용하려는 모듈이 어떤 시스템을 따르고 있는지에 따라 사용 방식이 달라집니다. 
+여러 가지 모듈 시스템에 대해 알아보고, 주로 사용되는 CJS, ESM을 살펴봅니다.</p>
+
+<p><br /></p>
+
+<h2 id="2-여러-가지-모듈-시스템">2. 여러 가지 모듈 시스템</h2>
+
+<p>CJS, AMD, UMD, ESM에 대해서 순서대로 알아봅니다.</p>
+
+<h3 id="2-1-cjscommonjs">2-1. CJS(CommonJS)</h3>
+
+<p>CJS는 NodeJS에서 지원하는 모듈 시스템으로 알려져 있습니다. 모듈을 불러올 때는 <code class="language-plaintext highlighter-rouge">require</code>를 통해 동기적으로 불러오고, 내보낼 때는 <code class="language-plaintext highlighter-rouge">module.exports</code>를 사용합니다.</p>
+
+<script src="https://gist.github.com/iyu88/e8c8177869bc7938ccea8f9961358209.js?file=01_cjs_syntax.js"></script>
+
+<p>module.exports는 전역 스코프로 취급되어 모듈의 보안성을 해칠 수 있습니다. require로 불러온 모듈을 수정하면 해당 모듈을 사용하는 다른 곳에 영향을 끼칠 수 있으니 주의해야 합니다. 아래 예시에서 <code class="language-plaintext highlighter-rouge">cjsModule</code>의 속성을 수정했을 때 값이 반영되는 것을 확인할 수 있습니다.</p>
+
+<script src="https://gist.github.com/iyu88/e8c8177869bc7938ccea8f9961358209.js?file=02_cjs_scope.js"></script>
+
+<p><br /></p>
+
+<h3 id="2-2-amdasynchronous-module-definition">2-2. AMD(Asynchronous Module Definition)</h3>
+
+<p>NodeJS가 아닌 브라우저 환경에 적합한 모듈 시스템의 필요성이 커지면서 AMD가 등장하게 되었습니다. AMD는 브라우저에서 실행되는 어플리케이션의 성능을 위해 모듈을 비동기적으로 불러옵니다. 모듈을 불러올 때는 <code class="language-plaintext highlighter-rouge">require</code>, 내보낼 때는 <code class="language-plaintext highlighter-rouge">define</code>을 사용합니다.</p>
+
+<script src="https://gist.github.com/iyu88/e8c8177869bc7938ccea8f9961358209.js?file=03_amd_syntax.js"></script>
+
+<p><br /></p>
+
+<h3 id="2-3-umduniversal-module-definition">2-3. UMD(Universal Module Definition)</h3>
+
+<p>이제 NodeJS 환경과 브라우저 환경을 지원하는 모듈 시스템이 하나씩 생겼습니다. JavaScript 모듈을 제공하는 입장에서는 어느 환경에서 모듈을 실행할지 알 수 없기 때문에 각각의 형태로 모두 제공해주어야 했습니다. 이러한 불편함을 해소하기 위해 CJS와 AMD 방식 모두를 지원하는 UMD가 등장하게 되었습니다. 
+JavaScript 유틸리티 라이브러리인 <a href="https://github.com/jashkenas/underscore/blob/master/underscore-umd.js">Underscore</a>가 UMD 모듈 시스템을 사용하고 있습니다.</p>
+
+<p><br /></p>
+
+<h3 id="2-4-esmecmascript-modules">2-4. ESM(ECMAScript Modules)</h3>
+
+<p>마지막으로 소개할 ESM은 ECMAScript에서 지정한 표준 모듈 시스템으로, 브라우저 환경의 지원을 받아 별도의 설정없이 실행할 수 있습니다. 모듈을 불러올 때는 <code class="language-plaintext highlighter-rouge">import</code>를 통해 비동기적으로 불러오고, 내보낼 때는 <code class="language-plaintext highlighter-rouge">export</code>를 사용합니다. 앞선 다른 모듈 시스템들과는 달리 정적 분석을 통해 모듈을 관리합니다. 덕분에 모듈 간 의존 관계를 파악하여 빌드 단계에서 사용하지 않는 코드를 번들에서 제외하는 트리 쉐이킹(Tree Shaking)이 가능합니다.</p>
+
+<script src="https://gist.github.com/iyu88/e8c8177869bc7938ccea8f9961358209.js?file=04_esm_syntax.js"></script>
+
+<p>또한 ESM은 CJS처럼 module 전역 변수를 사용하지 않고 모듈마다 스코프를 따로 생성하여 보안에 유리합니다. 따라서 다음 예시에서 <code class="language-plaintext highlighter-rouge">esmModule</code>의 내용을 변경할 수 없습니다.</p>
+
+<script src="https://gist.github.com/iyu88/e8c8177869bc7938ccea8f9961358209.js?file=05_esm_scope.js"></script>
+
+<p><br /></p>
+
+<h2 id="3-cjs와-esm의-호환">3. CJS와 ESM의 호환</h2>
+
+<p>위에서 살펴본 모듈 시스템 중 CJS와 ESM은 각각 NodeJS 환경과 브라우저 환경을 대표합니다. 만일 두 방식을 혼용한다면 어떻게 될까요? 두 가지 경우를 생각해볼 수 있습니다.</p>
+
+<script src="https://gist.github.com/iyu88/e8c8177869bc7938ccea8f9961358209.js?file=06_compatibility.js"></script>
+
+<p>CJS와 ESM은 각각 동기적, 비동기적으로 모듈을 불러옵니다. 따라서 1번 상황은 동기적인 모듈을 비동기적으로 불러오는 것이라고 할 수 있습니다. ESM이 ES2022부터 추가된 <code class="language-plaintext highlighter-rouge">Top-level Await</code>(async 함수가 아닌 최상위에서 await을 사용하는 것)을 지원하는 덕분에 <strong>import를 사용하여 CJS 모듈을 정상적으로 불러올 수 있습니다.</strong></p>
+
+<p>반면 2번 상황은 정상적으로 동작하지 않습니다. 이는 CJS가 Top-level Await을 지원하지 않을 뿐더러 export 처리 방식에서 차이점을 보이기 때문입니다. 다음 예시에서 b.cjs 파일은 a.mjs 모듈을 불러올 때 default export 구문을 해석할 수 없습니다. <strong>따라서 CJS 환경에서 ESM 모듈을 불러올 수 없습니다.</strong></p>
+
+<script src="https://gist.github.com/iyu88/e8c8177869bc7938ccea8f9961358209.js?file=07_default_export.js"></script>
+
+<p><br /></p>
+
+<p>ESM 모듈을 require로 불러오는 상황을 피하려면 <strong>모듈을 제공할 때 CJS와 ESM 두 가지 방식을 모두 지원하면 됩니다.</strong> package.json의 <code class="language-plaintext highlighter-rouge">exports</code> 필드를 활용하면 빌드 타임에 CJS 문법을 ESM 문법으로 (또는 그 반대로) 변경해줍니다.</p>
+
+<script src="https://gist.github.com/iyu88/e8c8177869bc7938ccea8f9961358209.js?file=08_redux_package.js"></script>
+
+<p>위와 같이 exports 속성을 작성하면 CJS 환경에서는 <code class="language-plaintext highlighter-rouge">./dist/cjs/redux.cjs</code>에 있는 모듈을 불러오고 ESM 환경에서는 <code class="language-plaintext highlighter-rouge">./dist/redux.mjs</code>에 있는 모듈을 불러올 수 있습니다.</p>
+
+<p><br /></p>
+
+<p>[참고]</p>
+
+<ul>
+  <li>
+    <p><a href="https://www.hoeser.dev/blog/2023-02-21-cjs-vs-esm/">CommonJS vs. ESM</a></p>
+  </li>
+  <li>
+    <p><a href="https://medium.com/@halilatilla/differences-between-javascript-modules-cjs-amd-umd-and-esm-f60124de131b">Differences Between JavaScript Modules: CJS, AMD, UMD, and ESM</a></p>
+  </li>
+  <li>
+    <p><a href="https://konstantin.digital/blog/es-modules-all-you-need-to-know">ES Modules: All You Need To Know</a></p>
+  </li>
+  <li>
+    <p><a href="https://yuzu.health/blog/cjs-vs-esm">yuzu health / CJS vs ESM</a></p>
+  </li>
+  <li>
+    <p><a href="https://webreflection.medium.com/cjs-vs-esm-5f8b90a4511a">medium / CJS vs ESM</a></p>
+  </li>
+  <li>
+    <p><a href="https://blog.stackademic.com/commonjs-vs-ecmascript-modules-esm-choosing-the-right-module-system-for-your-javascript-project-ef4efa856554">CommonJS vs ECMAScript Modules (ESM). Choosing the Right Module System for Your JavaScript Project</a></p>
+  </li>
+</ul>
+
+    </article>
+
+    
+    
+    <section class="tags">
+      <strong>Tags:</strong> <a href="/tag/javascript">
+        javascript</a>,&nbsp;<a href="/tag/moduleSystem">
+        moduleSystem</a>,&nbsp;<a href="/tag/commonJS">
+        commonJS</a>,&nbsp;<a href="/tag/ecmaScriptModules">
+        ecmaScriptModules</a>,&nbsp;<a href="/tag/cjs">
+        cjs</a>,&nbsp;<a href="/tag/esm">
+        esm</a>
+    </section>
+    
+    
+
+    <hr />
+
+    <section>
+      <script src="https://utteranc.es/client.js" repo="iyu88/iyu88.github.io" issue-term="pathname" label="utterances" theme="preferred-color-scheme" crossorigin="anonymous" async>
+      </script>
+    </section>
+
+    <!-- <section class="share">
+      <span>Share: </span>
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      <a href="//www.linkedin.com/shareArticle?mini=true&url=%0A++++++http%3A%2F%2Flocalhost%3A4000%0A++++++%0A++++++%2Fjavascript%2F2024%2F03%2F02%2Fjavascript-module-system.html" onclick="window.open(this.href, 'linkedin-share', 'width=550,height=255');return false;">
+        <i class="fa fa-linkedin-square fa-lg"></i>
+      </a>
+      
+      
+      
+      
+      
+    </section> -->
+
+    
+
+  </div>
+</div>
+    </div>
+
+    <footer class="site-footer">
+
+  <div class="wrapper">
+
+    <h3 class="footer-heading">
+      구멍을 외면하지 말자
+    </h3>
+
+    <div class="site-navigation">
+
+      <p><strong>Site Map</strong></p>
+      <ul class="pages">
+        
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </div>
+
+    <div class="site-contact">
+
+      <p><strong>Contact</strong></p>
+      <ul class="social-media-list">
+        <li>
+          <a href="mailto:iyu88887@gmail.com">
+            <i class="fa fa-envelope-o"></i>
+            <span class="username">
+              iyu88887@gmail.com</span>
+          </a>
+        </li>
+
+        
+        
+        <li>
+          <a href="https://github.com/iyu88" title="https://github.com/iyu88">
+            <i class="fa fa-github"></i>
+            <span class="username">
+              iyu88</span>
+          </a>
+        </li>
+        
+        
+        
+        <li>
+          <a href="https://linkedin.com/in/현빈-이-66710325b" title="Connect with me on LinkedIn">
+            <i class="fa fa-linkedin"></i>
+            <span class="username">
+              HyunBin Lee</span>
+          </a>
+        </li>
+        
+        
+
+      </ul>
+    </div>
+
+    <div class="site-signature">
+      <p class="rss-subscribe text"><strong></strong></p>
+      <p class="text">
+        first Dev blog
+
+      </p>
+    </div>
+
+  </div>
+
+</footer>
+
+<!-- Scripts -->
+<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/js/lightbox.min.js"></script>
+<script src="//unpkg.com/popper.js@1"></script>
+<script src="//unpkg.com/tippy.js@5"></script>
+
+<script type="text/javascript">
+  $(document).ready(function() {
+    // Default syntax highlighting
+    hljs.initHighlightingOnLoad();
+
+    // Header
+    var menuToggle = $('#js-mobile-menu').unbind();
+    $('#js-navigation-menu').removeClass("show");
+    menuToggle.on('click', function(e) {
+      e.preventDefault();
+      $('#js-navigation-menu').slideToggle(function() {
+        if ($('#js-navigation-menu').is(':hidden')) {
+          $('#js-navigation-menu').removeAttr('style');
+        }
+      });
+    });
+
+    // Enable tooltips via Tippy.js
+    if (Array.isArray(window.tooltips)) {
+      window.tooltips.forEach(function(tooltip) {
+        var selector = tooltip[0];
+        var config = tooltip[1];
+        tippy(selector, config);
+      })
+    }
+  });
+</script>
+
+
+
+<!--  -->
+<!-- Google Analytics -->
+<!-- <script> -->
+  <!-- (function(i, s, o, g, r, a, m) { -->
+    <!-- i['GoogleAnalyticsObject'] = r; -->
+    <!-- i[r] = i[r] || function() { -->
+      <!-- (i[r].q = i[r].q || []).push(arguments) -->
+    <!-- }, i[r].l = 1 * new Date(); -->
+    <!-- a = s.createElement(o), -->
+      <!-- m = s.getElementsByTagName(o)[0]; -->
+    <!-- a.async = 1; -->
+    <!-- a.src = g; -->
+    <!-- m.parentNode.insertBefore(a, m) -->
+  <!-- })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); -->
+  <!-- ga('create', 'UA-243662455-3', 'auto'); -->
+  <!-- ga('send', 'pageview', { -->
+    <!-- 'page': '/javascript/2024/03/02/javascript-module-system.html', -->
+    <!-- 'title': '[JavaScript] 모듈 시스템 (CJS, ESM)' -->
+  <!-- }); -->
+<!-- </script> -->
+<!--  -->
+
+    <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
+    <script type="text/javascript">
+    if(!wcs_add) var wcs_add = {};
+    wcs_add["wa"] = "10c052150c690f0";
+    if(window.wcs) {
+    wcs_do();
+    }
+    </script>
+
+  </body>
+
+</html>
diff --git a/_site/lighthouse/2022/11/20/lighthouse-ci.html b/_site/lighthouse/2022/11/20/lighthouse-ci.html
index e995666..cd151fc 100644
--- a/_site/lighthouse/2022/11/20/lighthouse-ci.html
+++ b/_site/lighthouse/2022/11/20/lighthouse-ci.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -1159,6 +1169,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/lookingback/2022/12/31/looking-back-the-year.html b/_site/lookingback/2022/12/31/looking-back-the-year.html
index 163d8d5..560658c 100644
--- a/_site/lookingback/2022/12/31/looking-back-the-year.html
+++ b/_site/lookingback/2022/12/31/looking-back-the-year.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -719,6 +729,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/lookingback/2023/06/18/looking-back-the-first-half.html b/_site/lookingback/2023/06/18/looking-back-the-first-half.html
index 6d2fabf..3750b4f 100644
--- a/_site/lookingback/2023/06/18/looking-back-the-first-half.html
+++ b/_site/lookingback/2023/06/18/looking-back-the-first-half.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -554,6 +564,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/lookingback/2024/01/14/looking-back-the-year.html b/_site/lookingback/2024/01/14/looking-back-the-year.html
index 93ab660..75b6846 100644
--- a/_site/lookingback/2024/01/14/looking-back-the-year.html
+++ b/_site/lookingback/2024/01/14/looking-back-the-year.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -596,6 +606,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/opensource/2023/05/07/open-source-contribution.html b/_site/opensource/2023/05/07/open-source-contribution.html
index dd04362..9a3c836 100644
--- a/_site/opensource/2023/05/07/open-source-contribution.html
+++ b/_site/opensource/2023/05/07/open-source-contribution.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -662,6 +672,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/page/2/index.html b/_site/page/2/index.html
index 5141292..c38a77e 100644
--- a/_site/page/2/index.html
+++ b/_site/page/2/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -284,6 +294,34 @@ <h1 class="title">
   <div class="wrapper">
     <ul class="post-list">
       
+      <li>
+        <h2>
+          <a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">
+            [JavaScript] 모듈 시스템 (CJS, ESM)</a>
+        </h2>
+        <section class="post-excerpt" itemprop="description">
+          <p>
+            모듈 시스템 (CJS, ESM) 1. 모듈 코드를 짜다보면 프로그램의 규모가 점차 커지면서 하나의 파일에 작성했던 코드를 관련된 내용끼리 여러 파일에 분리하곤 합니다. JavaScript에서는 각 파일을 서로 다른 모듈로 취급하고, 각 모듈에서는 변수나 함수를 공유하기 위해 이를 내보내고 불러올 수 있어야 합니다. 이 때, 프로젝트가 사용하고 있는 모듈 시스템과 사용하려는 모듈이...
+          </p>
+        </section>
+        <section class="post-meta">
+          <div class="post-date">
+            March 2, 2024
+          </div>
+          <div class="post-categories">
+            in 
+            
+            <a href="/category/JavaScript">
+              Javascript</a>
+            
+            
+          </div>
+        </section>
+      </li>
+      
+      <hr>
+      
+      
       <li>
         <h2>
           <a class="post-link" href="/lookingback/2024/01/14/looking-back-the-year.html">
@@ -1096,6 +1134,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/page/3/index.html b/_site/page/3/index.html
index d8560ac..1e666c7 100644
--- a/_site/page/3/index.html
+++ b/_site/page/3/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -284,6 +294,34 @@ <h1 class="title">
   <div class="wrapper">
     <ul class="post-list">
       
+      <li>
+        <h2>
+          <a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">
+            [JavaScript] 모듈 시스템 (CJS, ESM)</a>
+        </h2>
+        <section class="post-excerpt" itemprop="description">
+          <p>
+            모듈 시스템 (CJS, ESM) 1. 모듈 코드를 짜다보면 프로그램의 규모가 점차 커지면서 하나의 파일에 작성했던 코드를 관련된 내용끼리 여러 파일에 분리하곤 합니다. JavaScript에서는 각 파일을 서로 다른 모듈로 취급하고, 각 모듈에서는 변수나 함수를 공유하기 위해 이를 내보내고 불러올 수 있어야 합니다. 이 때, 프로젝트가 사용하고 있는 모듈 시스템과 사용하려는 모듈이...
+          </p>
+        </section>
+        <section class="post-meta">
+          <div class="post-date">
+            March 2, 2024
+          </div>
+          <div class="post-categories">
+            in 
+            
+            <a href="/category/JavaScript">
+              Javascript</a>
+            
+            
+          </div>
+        </section>
+      </li>
+      
+      <hr>
+      
+      
       <li>
         <h2>
           <a class="post-link" href="/lookingback/2024/01/14/looking-back-the-year.html">
@@ -1096,6 +1134,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/page/4/index.html b/_site/page/4/index.html
index aabc6be..eb59189 100644
--- a/_site/page/4/index.html
+++ b/_site/page/4/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -284,6 +294,34 @@ <h1 class="title">
   <div class="wrapper">
     <ul class="post-list">
       
+      <li>
+        <h2>
+          <a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">
+            [JavaScript] 모듈 시스템 (CJS, ESM)</a>
+        </h2>
+        <section class="post-excerpt" itemprop="description">
+          <p>
+            모듈 시스템 (CJS, ESM) 1. 모듈 코드를 짜다보면 프로그램의 규모가 점차 커지면서 하나의 파일에 작성했던 코드를 관련된 내용끼리 여러 파일에 분리하곤 합니다. JavaScript에서는 각 파일을 서로 다른 모듈로 취급하고, 각 모듈에서는 변수나 함수를 공유하기 위해 이를 내보내고 불러올 수 있어야 합니다. 이 때, 프로젝트가 사용하고 있는 모듈 시스템과 사용하려는 모듈이...
+          </p>
+        </section>
+        <section class="post-meta">
+          <div class="post-date">
+            March 2, 2024
+          </div>
+          <div class="post-categories">
+            in 
+            
+            <a href="/category/JavaScript">
+              Javascript</a>
+            
+            
+          </div>
+        </section>
+      </li>
+      
+      <hr>
+      
+      
       <li>
         <h2>
           <a class="post-link" href="/lookingback/2024/01/14/looking-back-the-year.html">
@@ -1096,6 +1134,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/page/5/index.html b/_site/page/5/index.html
index 4114b72..86ed7c2 100644
--- a/_site/page/5/index.html
+++ b/_site/page/5/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -284,6 +294,34 @@ <h1 class="title">
   <div class="wrapper">
     <ul class="post-list">
       
+      <li>
+        <h2>
+          <a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">
+            [JavaScript] 모듈 시스템 (CJS, ESM)</a>
+        </h2>
+        <section class="post-excerpt" itemprop="description">
+          <p>
+            모듈 시스템 (CJS, ESM) 1. 모듈 코드를 짜다보면 프로그램의 규모가 점차 커지면서 하나의 파일에 작성했던 코드를 관련된 내용끼리 여러 파일에 분리하곤 합니다. JavaScript에서는 각 파일을 서로 다른 모듈로 취급하고, 각 모듈에서는 변수나 함수를 공유하기 위해 이를 내보내고 불러올 수 있어야 합니다. 이 때, 프로젝트가 사용하고 있는 모듈 시스템과 사용하려는 모듈이...
+          </p>
+        </section>
+        <section class="post-meta">
+          <div class="post-date">
+            March 2, 2024
+          </div>
+          <div class="post-categories">
+            in 
+            
+            <a href="/category/JavaScript">
+              Javascript</a>
+            
+            
+          </div>
+        </section>
+      </li>
+      
+      <hr>
+      
+      
       <li>
         <h2>
           <a class="post-link" href="/lookingback/2024/01/14/looking-back-the-year.html">
@@ -1094,6 +1132,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/posts/index.html b/_site/posts/index.html
index 3de4629..4032b06 100644
--- a/_site/posts/index.html
+++ b/_site/posts/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -404,6 +414,13 @@ <h2 id="JavaScript">Javascript</h2>
 
 <ul class="posts-list">
   
+    <li>
+      <strong>
+        <a href="/javascript/2024/03/02/javascript-module-system.html">[JavaScript] 모듈 시스템 (CJS, ESM)</a>
+      </strong>
+      <span class="post-date">- 02 March 2024</span>
+    </li>
+  
     <li>
       <strong>
         <a href="/javascript/2023/05/21/tail-call-optimization.html">[JavaScript] 꼬리 물기 최적화</a>
@@ -714,6 +731,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/react/2022/11/01/react-concurrent-mode.html b/_site/react/2022/11/01/react-concurrent-mode.html
index 082c908..afcd8dc 100644
--- a/_site/react/2022/11/01/react-concurrent-mode.html
+++ b/_site/react/2022/11/01/react-concurrent-mode.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -2023,6 +2033,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/react/2023/03/25/react-compound-component-pattern.html b/_site/react/2023/03/25/react-compound-component-pattern.html
index 31afb4a..d30aabd 100644
--- a/_site/react/2023/03/25/react-compound-component-pattern.html
+++ b/_site/react/2023/03/25/react-compound-component-pattern.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -1224,6 +1234,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/review/2022/12/29/boostcamp-review.html b/_site/review/2022/12/29/boostcamp-review.html
index 959106d..80c509f 100644
--- a/_site/review/2022/12/29/boostcamp-review.html
+++ b/_site/review/2022/12/29/boostcamp-review.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -813,6 +823,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
index 321ef0b..d5ef72e 100644
--- a/_site/sitemap.xml
+++ b/_site/sitemap.xml
@@ -3,6 +3,22 @@
         xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
         xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
     
+    <url>
+        <loc>http://localhost:4000/javascript/2024/03/02/javascript-module-system.html</loc>
+        
+        <lastmod>2024-03-02T09:00:00+09:00</lastmod>
+        
+
+        
+        <changefreq>weekly</changefreq>
+        
+
+        
+        <priority>0.5</priority>
+        
+
+    </url>
+    
     <url>
         <loc>http://localhost:4000/lookingback/2024/01/14/looking-back-the-year.html</loc>
         
diff --git a/_site/storybook/2023/04/07/storybook-docs.html b/_site/storybook/2023/04/07/storybook-docs.html
index 1ea3c03..500b5e5 100644
--- a/_site/storybook/2023/04/07/storybook-docs.html
+++ b/_site/storybook/2023/04/07/storybook-docs.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -1222,6 +1232,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/2022/index.html b/_site/tag/2022/index.html
index 9a575af..52a1c0a 100644
--- a/_site/tag/2022/index.html
+++ b/_site/tag/2022/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/2023/index.html b/_site/tag/2023/index.html
index f203139..fde4fbb 100644
--- a/_site/tag/2023/index.html
+++ b/_site/tag/2023/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -461,6 +471,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/a11y/index.html b/_site/tag/a11y/index.html
index 311238e..292ca00 100644
--- a/_site/tag/a11y/index.html
+++ b/_site/tag/a11y/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -461,6 +471,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/accessibility/index.html b/_site/tag/accessibility/index.html
index b393fb3..505765f 100644
--- a/_site/tag/accessibility/index.html
+++ b/_site/tag/accessibility/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -463,6 +473,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/aws/index.html b/_site/tag/aws/index.html
index 02b6a1f..9a3af8e 100644
--- a/_site/tag/aws/index.html
+++ b/_site/tag/aws/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/boostcamp/index.html b/_site/tag/boostcamp/index.html
index 19f2f43..01c2083 100644
--- a/_site/tag/boostcamp/index.html
+++ b/_site/tag/boostcamp/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -461,6 +471,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/boostcampwebmobile/index.html b/_site/tag/boostcampwebmobile/index.html
index 4997779..b9c1c50 100644
--- a/_site/tag/boostcampwebmobile/index.html
+++ b/_site/tag/boostcampwebmobile/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/boostconference/index.html b/_site/tag/boostconference/index.html
index 8315db8..35f0a77 100644
--- a/_site/tag/boostconference/index.html
+++ b/_site/tag/boostconference/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/browser/index.html b/_site/tag/browser/index.html
index 8b614f7..f65eb82 100644
--- a/_site/tag/browser/index.html
+++ b/_site/tag/browser/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/challenge/index.html b/_site/tag/challenge/index.html
index 20d03d0..3890547 100644
--- a/_site/tag/challenge/index.html
+++ b/_site/tag/challenge/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/ci/index.html b/_site/tag/ci/index.html
index 65465f7..9c0f043 100644
--- a/_site/tag/ci/index.html
+++ b/_site/tag/ci/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/cjs/index.html b/_site/tag/cjs/index.html
new file mode 100644
index 0000000..85efab6
--- /dev/null
+++ b/_site/tag/cjs/index.html
@@ -0,0 +1,616 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>
+    cjs
+  </title>
+  <meta name="description" content="first Dev blog
+">
+  
+  <meta name="author" content="Hyunbin Lee">
+  <meta name="copyright" content="&copy; Hyunbin Lee 2024">
+  
+
+  <!-- External libraries -->
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css">
+
+  <!-- Favicon and other icons (made with http://www.favicon-generator.org/) -->
+  <link rel="shortcut icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="manifest" href="/assets/icons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  
+
+  
+
+  
+
+  <!-- Site styles -->
+  <link rel="stylesheet" href="/css/main.css">
+  <link rel="canonical" href="http://localhost:4000/tag/cjs/">
+  <link rel="alternate" type="application/rss+xml" title="구멍을 외면하지 말자" href="http://localhost:4000/feed.xml" />
+
+  <!-- Tooltips -->
+  <script type="text/javascript">
+    window.tooltips = []
+  </script>
+
+  
+  <!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','GTM-P48NKV3');</script>
+  <!-- End Google Tag Manager -->
+  
+  
+</head>
+
+
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4H99JTCZN9"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    if (location.host === 'iyu88.github.io') {
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      
+      gtag('config', 'G-4H99JTCZN9');
+    }
+  </script>
+  <!-- End of Google tag (gtag.js) -->
+
+  <body>
+
+    
+    <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P48NKV3"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+  
+    
+
+    <header class="navigation" role="banner">
+  <div class="navigation-wrapper">
+    <a href="/" class="logo">
+      
+      <img src="/assets/logo.png" alt="구멍을 외면하지 말자">
+      <h4 class="title">Hyunbin Lee</h4>
+      
+    </a>
+    <a href="javascript:void(0)" class="navigation-menu-button" id="js-mobile-menu">
+      <i class="fa fa-bars"></i>
+    </a>
+    <nav role="navigation">
+      <ul id="js-navigation-menu" class="navigation-menu show">
+				
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </nav>
+  </div>
+</header>
+
+
+    <div class="page-content">
+        <div class="wrapper">
+<div class="page">
+
+  <header class="post-header">
+    <h1 class="post-title">Posts in "Cjs"</h1>
+  </header>
+
+  <span class="page-divider">
+  <span class="one"></span>
+  <span class="two"></span>
+</span>
+
+
+  <article class="post-content">
+    <ul class="posts-list">
+      
+      <li><strong><a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">[JavaScript] 모듈 시스템 (CJS, ESM)</a></strong><span class="post-date"> - March 2, 2024</span></li>
+      
+    </ul>
+  </article>
+
+</div>
+</div>
+<br>
+
+    </div>
+
+    <footer class="site-footer">
+
+  <div class="wrapper">
+
+    <h3 class="footer-heading">
+      구멍을 외면하지 말자
+    </h3>
+
+    <div class="site-navigation">
+
+      <p><strong>Site Map</strong></p>
+      <ul class="pages">
+        
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </div>
+
+    <div class="site-contact">
+
+      <p><strong>Contact</strong></p>
+      <ul class="social-media-list">
+        <li>
+          <a href="mailto:iyu88887@gmail.com">
+            <i class="fa fa-envelope-o"></i>
+            <span class="username">
+              iyu88887@gmail.com</span>
+          </a>
+        </li>
+
+        
+        
+        <li>
+          <a href="https://github.com/iyu88" title="https://github.com/iyu88">
+            <i class="fa fa-github"></i>
+            <span class="username">
+              iyu88</span>
+          </a>
+        </li>
+        
+        
+        
+        <li>
+          <a href="https://linkedin.com/in/현빈-이-66710325b" title="Connect with me on LinkedIn">
+            <i class="fa fa-linkedin"></i>
+            <span class="username">
+              HyunBin Lee</span>
+          </a>
+        </li>
+        
+        
+
+      </ul>
+    </div>
+
+    <div class="site-signature">
+      <p class="rss-subscribe text"><strong></strong></p>
+      <p class="text">
+        first Dev blog
+
+      </p>
+    </div>
+
+  </div>
+
+</footer>
+
+<!-- Scripts -->
+<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/js/lightbox.min.js"></script>
+<script src="//unpkg.com/popper.js@1"></script>
+<script src="//unpkg.com/tippy.js@5"></script>
+
+<script type="text/javascript">
+  $(document).ready(function() {
+    // Default syntax highlighting
+    hljs.initHighlightingOnLoad();
+
+    // Header
+    var menuToggle = $('#js-mobile-menu').unbind();
+    $('#js-navigation-menu').removeClass("show");
+    menuToggle.on('click', function(e) {
+      e.preventDefault();
+      $('#js-navigation-menu').slideToggle(function() {
+        if ($('#js-navigation-menu').is(':hidden')) {
+          $('#js-navigation-menu').removeAttr('style');
+        }
+      });
+    });
+
+    // Enable tooltips via Tippy.js
+    if (Array.isArray(window.tooltips)) {
+      window.tooltips.forEach(function(tooltip) {
+        var selector = tooltip[0];
+        var config = tooltip[1];
+        tippy(selector, config);
+      })
+    }
+  });
+</script>
+
+
+
+<!--  -->
+<!-- Google Analytics -->
+<!-- <script> -->
+  <!-- (function(i, s, o, g, r, a, m) { -->
+    <!-- i['GoogleAnalyticsObject'] = r; -->
+    <!-- i[r] = i[r] || function() { -->
+      <!-- (i[r].q = i[r].q || []).push(arguments) -->
+    <!-- }, i[r].l = 1 * new Date(); -->
+    <!-- a = s.createElement(o), -->
+      <!-- m = s.getElementsByTagName(o)[0]; -->
+    <!-- a.async = 1; -->
+    <!-- a.src = g; -->
+    <!-- m.parentNode.insertBefore(a, m) -->
+  <!-- })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); -->
+  <!-- ga('create', 'UA-243662455-3', 'auto'); -->
+  <!-- ga('send', 'pageview', { -->
+    <!-- 'page': '/tag/cjs/', -->
+    <!-- 'title': 'cjs' -->
+  <!-- }); -->
+<!-- </script> -->
+<!--  -->
+
+    <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
+    <script type="text/javascript">
+    if(!wcs_add) var wcs_add = {};
+    wcs_add["wa"] = "10c052150c690f0";
+    if(window.wcs) {
+    wcs_do();
+    }
+    </script>
+
+  </body>
+
+</html>
diff --git a/_site/tag/commonjs/index.html b/_site/tag/commonjs/index.html
new file mode 100644
index 0000000..52fd334
--- /dev/null
+++ b/_site/tag/commonjs/index.html
@@ -0,0 +1,616 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>
+    commonJS
+  </title>
+  <meta name="description" content="first Dev blog
+">
+  
+  <meta name="author" content="Hyunbin Lee">
+  <meta name="copyright" content="&copy; Hyunbin Lee 2024">
+  
+
+  <!-- External libraries -->
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css">
+
+  <!-- Favicon and other icons (made with http://www.favicon-generator.org/) -->
+  <link rel="shortcut icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="manifest" href="/assets/icons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  
+
+  
+
+  
+
+  <!-- Site styles -->
+  <link rel="stylesheet" href="/css/main.css">
+  <link rel="canonical" href="http://localhost:4000/tag/commonjs/">
+  <link rel="alternate" type="application/rss+xml" title="구멍을 외면하지 말자" href="http://localhost:4000/feed.xml" />
+
+  <!-- Tooltips -->
+  <script type="text/javascript">
+    window.tooltips = []
+  </script>
+
+  
+  <!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','GTM-P48NKV3');</script>
+  <!-- End Google Tag Manager -->
+  
+  
+</head>
+
+
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4H99JTCZN9"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    if (location.host === 'iyu88.github.io') {
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      
+      gtag('config', 'G-4H99JTCZN9');
+    }
+  </script>
+  <!-- End of Google tag (gtag.js) -->
+
+  <body>
+
+    
+    <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P48NKV3"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+  
+    
+
+    <header class="navigation" role="banner">
+  <div class="navigation-wrapper">
+    <a href="/" class="logo">
+      
+      <img src="/assets/logo.png" alt="구멍을 외면하지 말자">
+      <h4 class="title">Hyunbin Lee</h4>
+      
+    </a>
+    <a href="javascript:void(0)" class="navigation-menu-button" id="js-mobile-menu">
+      <i class="fa fa-bars"></i>
+    </a>
+    <nav role="navigation">
+      <ul id="js-navigation-menu" class="navigation-menu show">
+				
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </nav>
+  </div>
+</header>
+
+
+    <div class="page-content">
+        <div class="wrapper">
+<div class="page">
+
+  <header class="post-header">
+    <h1 class="post-title">Posts in "Commonjs"</h1>
+  </header>
+
+  <span class="page-divider">
+  <span class="one"></span>
+  <span class="two"></span>
+</span>
+
+
+  <article class="post-content">
+    <ul class="posts-list">
+      
+      <li><strong><a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">[JavaScript] 모듈 시스템 (CJS, ESM)</a></strong><span class="post-date"> - March 2, 2024</span></li>
+      
+    </ul>
+  </article>
+
+</div>
+</div>
+<br>
+
+    </div>
+
+    <footer class="site-footer">
+
+  <div class="wrapper">
+
+    <h3 class="footer-heading">
+      구멍을 외면하지 말자
+    </h3>
+
+    <div class="site-navigation">
+
+      <p><strong>Site Map</strong></p>
+      <ul class="pages">
+        
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </div>
+
+    <div class="site-contact">
+
+      <p><strong>Contact</strong></p>
+      <ul class="social-media-list">
+        <li>
+          <a href="mailto:iyu88887@gmail.com">
+            <i class="fa fa-envelope-o"></i>
+            <span class="username">
+              iyu88887@gmail.com</span>
+          </a>
+        </li>
+
+        
+        
+        <li>
+          <a href="https://github.com/iyu88" title="https://github.com/iyu88">
+            <i class="fa fa-github"></i>
+            <span class="username">
+              iyu88</span>
+          </a>
+        </li>
+        
+        
+        
+        <li>
+          <a href="https://linkedin.com/in/현빈-이-66710325b" title="Connect with me on LinkedIn">
+            <i class="fa fa-linkedin"></i>
+            <span class="username">
+              HyunBin Lee</span>
+          </a>
+        </li>
+        
+        
+
+      </ul>
+    </div>
+
+    <div class="site-signature">
+      <p class="rss-subscribe text"><strong></strong></p>
+      <p class="text">
+        first Dev blog
+
+      </p>
+    </div>
+
+  </div>
+
+</footer>
+
+<!-- Scripts -->
+<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/js/lightbox.min.js"></script>
+<script src="//unpkg.com/popper.js@1"></script>
+<script src="//unpkg.com/tippy.js@5"></script>
+
+<script type="text/javascript">
+  $(document).ready(function() {
+    // Default syntax highlighting
+    hljs.initHighlightingOnLoad();
+
+    // Header
+    var menuToggle = $('#js-mobile-menu').unbind();
+    $('#js-navigation-menu').removeClass("show");
+    menuToggle.on('click', function(e) {
+      e.preventDefault();
+      $('#js-navigation-menu').slideToggle(function() {
+        if ($('#js-navigation-menu').is(':hidden')) {
+          $('#js-navigation-menu').removeAttr('style');
+        }
+      });
+    });
+
+    // Enable tooltips via Tippy.js
+    if (Array.isArray(window.tooltips)) {
+      window.tooltips.forEach(function(tooltip) {
+        var selector = tooltip[0];
+        var config = tooltip[1];
+        tippy(selector, config);
+      })
+    }
+  });
+</script>
+
+
+
+<!--  -->
+<!-- Google Analytics -->
+<!-- <script> -->
+  <!-- (function(i, s, o, g, r, a, m) { -->
+    <!-- i['GoogleAnalyticsObject'] = r; -->
+    <!-- i[r] = i[r] || function() { -->
+      <!-- (i[r].q = i[r].q || []).push(arguments) -->
+    <!-- }, i[r].l = 1 * new Date(); -->
+    <!-- a = s.createElement(o), -->
+      <!-- m = s.getElementsByTagName(o)[0]; -->
+    <!-- a.async = 1; -->
+    <!-- a.src = g; -->
+    <!-- m.parentNode.insertBefore(a, m) -->
+  <!-- })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); -->
+  <!-- ga('create', 'UA-243662455-3', 'auto'); -->
+  <!-- ga('send', 'pageview', { -->
+    <!-- 'page': '/tag/commonjs/', -->
+    <!-- 'title': 'commonJS' -->
+  <!-- }); -->
+<!-- </script> -->
+<!--  -->
+
+    <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
+    <script type="text/javascript">
+    if(!wcs_add) var wcs_add = {};
+    wcs_add["wa"] = "10c052150c690f0";
+    if(window.wcs) {
+    wcs_do();
+    }
+    </script>
+
+  </body>
+
+</html>
diff --git a/_site/tag/component-test/index.html b/_site/tag/component-test/index.html
index 55b4ee8..d2b270b 100644
--- a/_site/tag/component-test/index.html
+++ b/_site/tag/component-test/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/compoundcomponent/index.html b/_site/tag/compoundcomponent/index.html
index cd2559b..4ada28b 100644
--- a/_site/tag/compoundcomponent/index.html
+++ b/_site/tag/compoundcomponent/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/concurrentmode/index.html b/_site/tag/concurrentmode/index.html
index 741552d..c20d092 100644
--- a/_site/tag/concurrentmode/index.html
+++ b/_site/tag/concurrentmode/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/conference/index.html b/_site/tag/conference/index.html
index b4c87b5..1e9ab49 100644
--- a/_site/tag/conference/index.html
+++ b/_site/tag/conference/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/css/index.html b/_site/tag/css/index.html
index 0965770..ab602cf 100644
--- a/_site/tag/css/index.html
+++ b/_site/tag/css/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/cypress/index.html b/_site/tag/cypress/index.html
index fa20a74..5fc909e 100644
--- a/_site/tag/cypress/index.html
+++ b/_site/tag/cypress/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/datafetching/index.html b/_site/tag/datafetching/index.html
index 9e3e743..a2efef7 100644
--- a/_site/tag/datafetching/index.html
+++ b/_site/tag/datafetching/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/deployment/index.html b/_site/tag/deployment/index.html
index f404ede..b330328 100644
--- a/_site/tag/deployment/index.html
+++ b/_site/tag/deployment/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/designsystem/index.html b/_site/tag/designsystem/index.html
index d848b5d..4c05b97 100644
--- a/_site/tag/designsystem/index.html
+++ b/_site/tag/designsystem/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -461,6 +471,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/devtools/index.html b/_site/tag/devtools/index.html
index 8a931e5..64265fb 100644
--- a/_site/tag/devtools/index.html
+++ b/_site/tag/devtools/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/docs/index.html b/_site/tag/docs/index.html
index 5415861..3285d1a 100644
--- a/_site/tag/docs/index.html
+++ b/_site/tag/docs/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/e2e-test/index.html b/_site/tag/e2e-test/index.html
index 8845454..ab238eb 100644
--- a/_site/tag/e2e-test/index.html
+++ b/_site/tag/e2e-test/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/ec2/index.html b/_site/tag/ec2/index.html
index 1087560..05ff4ff 100644
--- a/_site/tag/ec2/index.html
+++ b/_site/tag/ec2/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/ecmascript/index.html b/_site/tag/ecmascript/index.html
index 9b677ab..91cf2b3 100644
--- a/_site/tag/ecmascript/index.html
+++ b/_site/tag/ecmascript/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/ecmascriptmodules/index.html b/_site/tag/ecmascriptmodules/index.html
new file mode 100644
index 0000000..d5c5898
--- /dev/null
+++ b/_site/tag/ecmascriptmodules/index.html
@@ -0,0 +1,616 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>
+    ecmaScriptModules
+  </title>
+  <meta name="description" content="first Dev blog
+">
+  
+  <meta name="author" content="Hyunbin Lee">
+  <meta name="copyright" content="&copy; Hyunbin Lee 2024">
+  
+
+  <!-- External libraries -->
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css">
+
+  <!-- Favicon and other icons (made with http://www.favicon-generator.org/) -->
+  <link rel="shortcut icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="manifest" href="/assets/icons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  
+
+  
+
+  
+
+  <!-- Site styles -->
+  <link rel="stylesheet" href="/css/main.css">
+  <link rel="canonical" href="http://localhost:4000/tag/ecmascriptmodules/">
+  <link rel="alternate" type="application/rss+xml" title="구멍을 외면하지 말자" href="http://localhost:4000/feed.xml" />
+
+  <!-- Tooltips -->
+  <script type="text/javascript">
+    window.tooltips = []
+  </script>
+
+  
+  <!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','GTM-P48NKV3');</script>
+  <!-- End Google Tag Manager -->
+  
+  
+</head>
+
+
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4H99JTCZN9"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    if (location.host === 'iyu88.github.io') {
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      
+      gtag('config', 'G-4H99JTCZN9');
+    }
+  </script>
+  <!-- End of Google tag (gtag.js) -->
+
+  <body>
+
+    
+    <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P48NKV3"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+  
+    
+
+    <header class="navigation" role="banner">
+  <div class="navigation-wrapper">
+    <a href="/" class="logo">
+      
+      <img src="/assets/logo.png" alt="구멍을 외면하지 말자">
+      <h4 class="title">Hyunbin Lee</h4>
+      
+    </a>
+    <a href="javascript:void(0)" class="navigation-menu-button" id="js-mobile-menu">
+      <i class="fa fa-bars"></i>
+    </a>
+    <nav role="navigation">
+      <ul id="js-navigation-menu" class="navigation-menu show">
+				
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </nav>
+  </div>
+</header>
+
+
+    <div class="page-content">
+        <div class="wrapper">
+<div class="page">
+
+  <header class="post-header">
+    <h1 class="post-title">Posts in "Ecmascriptmodules"</h1>
+  </header>
+
+  <span class="page-divider">
+  <span class="one"></span>
+  <span class="two"></span>
+</span>
+
+
+  <article class="post-content">
+    <ul class="posts-list">
+      
+      <li><strong><a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">[JavaScript] 모듈 시스템 (CJS, ESM)</a></strong><span class="post-date"> - March 2, 2024</span></li>
+      
+    </ul>
+  </article>
+
+</div>
+</div>
+<br>
+
+    </div>
+
+    <footer class="site-footer">
+
+  <div class="wrapper">
+
+    <h3 class="footer-heading">
+      구멍을 외면하지 말자
+    </h3>
+
+    <div class="site-navigation">
+
+      <p><strong>Site Map</strong></p>
+      <ul class="pages">
+        
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </div>
+
+    <div class="site-contact">
+
+      <p><strong>Contact</strong></p>
+      <ul class="social-media-list">
+        <li>
+          <a href="mailto:iyu88887@gmail.com">
+            <i class="fa fa-envelope-o"></i>
+            <span class="username">
+              iyu88887@gmail.com</span>
+          </a>
+        </li>
+
+        
+        
+        <li>
+          <a href="https://github.com/iyu88" title="https://github.com/iyu88">
+            <i class="fa fa-github"></i>
+            <span class="username">
+              iyu88</span>
+          </a>
+        </li>
+        
+        
+        
+        <li>
+          <a href="https://linkedin.com/in/현빈-이-66710325b" title="Connect with me on LinkedIn">
+            <i class="fa fa-linkedin"></i>
+            <span class="username">
+              HyunBin Lee</span>
+          </a>
+        </li>
+        
+        
+
+      </ul>
+    </div>
+
+    <div class="site-signature">
+      <p class="rss-subscribe text"><strong></strong></p>
+      <p class="text">
+        first Dev blog
+
+      </p>
+    </div>
+
+  </div>
+
+</footer>
+
+<!-- Scripts -->
+<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/js/lightbox.min.js"></script>
+<script src="//unpkg.com/popper.js@1"></script>
+<script src="//unpkg.com/tippy.js@5"></script>
+
+<script type="text/javascript">
+  $(document).ready(function() {
+    // Default syntax highlighting
+    hljs.initHighlightingOnLoad();
+
+    // Header
+    var menuToggle = $('#js-mobile-menu').unbind();
+    $('#js-navigation-menu').removeClass("show");
+    menuToggle.on('click', function(e) {
+      e.preventDefault();
+      $('#js-navigation-menu').slideToggle(function() {
+        if ($('#js-navigation-menu').is(':hidden')) {
+          $('#js-navigation-menu').removeAttr('style');
+        }
+      });
+    });
+
+    // Enable tooltips via Tippy.js
+    if (Array.isArray(window.tooltips)) {
+      window.tooltips.forEach(function(tooltip) {
+        var selector = tooltip[0];
+        var config = tooltip[1];
+        tippy(selector, config);
+      })
+    }
+  });
+</script>
+
+
+
+<!--  -->
+<!-- Google Analytics -->
+<!-- <script> -->
+  <!-- (function(i, s, o, g, r, a, m) { -->
+    <!-- i['GoogleAnalyticsObject'] = r; -->
+    <!-- i[r] = i[r] || function() { -->
+      <!-- (i[r].q = i[r].q || []).push(arguments) -->
+    <!-- }, i[r].l = 1 * new Date(); -->
+    <!-- a = s.createElement(o), -->
+      <!-- m = s.getElementsByTagName(o)[0]; -->
+    <!-- a.async = 1; -->
+    <!-- a.src = g; -->
+    <!-- m.parentNode.insertBefore(a, m) -->
+  <!-- })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); -->
+  <!-- ga('create', 'UA-243662455-3', 'auto'); -->
+  <!-- ga('send', 'pageview', { -->
+    <!-- 'page': '/tag/ecmascriptmodules/', -->
+    <!-- 'title': 'ecmaScriptModules' -->
+  <!-- }); -->
+<!-- </script> -->
+<!--  -->
+
+    <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
+    <script type="text/javascript">
+    if(!wcs_add) var wcs_add = {};
+    wcs_add["wa"] = "10c052150c690f0";
+    if(window.wcs) {
+    wcs_do();
+    }
+    </script>
+
+  </body>
+
+</html>
diff --git a/_site/tag/electron/index.html b/_site/tag/electron/index.html
index e8583d4..0b0a6be 100644
--- a/_site/tag/electron/index.html
+++ b/_site/tag/electron/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/error/index.html b/_site/tag/error/index.html
index 6ebc242..5a05459 100644
--- a/_site/tag/error/index.html
+++ b/_site/tag/error/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/esm/index.html b/_site/tag/esm/index.html
new file mode 100644
index 0000000..6af5bc3
--- /dev/null
+++ b/_site/tag/esm/index.html
@@ -0,0 +1,616 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>
+    esm
+  </title>
+  <meta name="description" content="first Dev blog
+">
+  
+  <meta name="author" content="Hyunbin Lee">
+  <meta name="copyright" content="&copy; Hyunbin Lee 2024">
+  
+
+  <!-- External libraries -->
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css">
+
+  <!-- Favicon and other icons (made with http://www.favicon-generator.org/) -->
+  <link rel="shortcut icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="manifest" href="/assets/icons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  
+
+  
+
+  
+
+  <!-- Site styles -->
+  <link rel="stylesheet" href="/css/main.css">
+  <link rel="canonical" href="http://localhost:4000/tag/esm/">
+  <link rel="alternate" type="application/rss+xml" title="구멍을 외면하지 말자" href="http://localhost:4000/feed.xml" />
+
+  <!-- Tooltips -->
+  <script type="text/javascript">
+    window.tooltips = []
+  </script>
+
+  
+  <!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','GTM-P48NKV3');</script>
+  <!-- End Google Tag Manager -->
+  
+  
+</head>
+
+
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4H99JTCZN9"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    if (location.host === 'iyu88.github.io') {
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      
+      gtag('config', 'G-4H99JTCZN9');
+    }
+  </script>
+  <!-- End of Google tag (gtag.js) -->
+
+  <body>
+
+    
+    <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P48NKV3"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+  
+    
+
+    <header class="navigation" role="banner">
+  <div class="navigation-wrapper">
+    <a href="/" class="logo">
+      
+      <img src="/assets/logo.png" alt="구멍을 외면하지 말자">
+      <h4 class="title">Hyunbin Lee</h4>
+      
+    </a>
+    <a href="javascript:void(0)" class="navigation-menu-button" id="js-mobile-menu">
+      <i class="fa fa-bars"></i>
+    </a>
+    <nav role="navigation">
+      <ul id="js-navigation-menu" class="navigation-menu show">
+				
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </nav>
+  </div>
+</header>
+
+
+    <div class="page-content">
+        <div class="wrapper">
+<div class="page">
+
+  <header class="post-header">
+    <h1 class="post-title">Posts in "Esm"</h1>
+  </header>
+
+  <span class="page-divider">
+  <span class="one"></span>
+  <span class="two"></span>
+</span>
+
+
+  <article class="post-content">
+    <ul class="posts-list">
+      
+      <li><strong><a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">[JavaScript] 모듈 시스템 (CJS, ESM)</a></strong><span class="post-date"> - March 2, 2024</span></li>
+      
+    </ul>
+  </article>
+
+</div>
+</div>
+<br>
+
+    </div>
+
+    <footer class="site-footer">
+
+  <div class="wrapper">
+
+    <h3 class="footer-heading">
+      구멍을 외면하지 말자
+    </h3>
+
+    <div class="site-navigation">
+
+      <p><strong>Site Map</strong></p>
+      <ul class="pages">
+        
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </div>
+
+    <div class="site-contact">
+
+      <p><strong>Contact</strong></p>
+      <ul class="social-media-list">
+        <li>
+          <a href="mailto:iyu88887@gmail.com">
+            <i class="fa fa-envelope-o"></i>
+            <span class="username">
+              iyu88887@gmail.com</span>
+          </a>
+        </li>
+
+        
+        
+        <li>
+          <a href="https://github.com/iyu88" title="https://github.com/iyu88">
+            <i class="fa fa-github"></i>
+            <span class="username">
+              iyu88</span>
+          </a>
+        </li>
+        
+        
+        
+        <li>
+          <a href="https://linkedin.com/in/현빈-이-66710325b" title="Connect with me on LinkedIn">
+            <i class="fa fa-linkedin"></i>
+            <span class="username">
+              HyunBin Lee</span>
+          </a>
+        </li>
+        
+        
+
+      </ul>
+    </div>
+
+    <div class="site-signature">
+      <p class="rss-subscribe text"><strong></strong></p>
+      <p class="text">
+        first Dev blog
+
+      </p>
+    </div>
+
+  </div>
+
+</footer>
+
+<!-- Scripts -->
+<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/js/lightbox.min.js"></script>
+<script src="//unpkg.com/popper.js@1"></script>
+<script src="//unpkg.com/tippy.js@5"></script>
+
+<script type="text/javascript">
+  $(document).ready(function() {
+    // Default syntax highlighting
+    hljs.initHighlightingOnLoad();
+
+    // Header
+    var menuToggle = $('#js-mobile-menu').unbind();
+    $('#js-navigation-menu').removeClass("show");
+    menuToggle.on('click', function(e) {
+      e.preventDefault();
+      $('#js-navigation-menu').slideToggle(function() {
+        if ($('#js-navigation-menu').is(':hidden')) {
+          $('#js-navigation-menu').removeAttr('style');
+        }
+      });
+    });
+
+    // Enable tooltips via Tippy.js
+    if (Array.isArray(window.tooltips)) {
+      window.tooltips.forEach(function(tooltip) {
+        var selector = tooltip[0];
+        var config = tooltip[1];
+        tippy(selector, config);
+      })
+    }
+  });
+</script>
+
+
+
+<!--  -->
+<!-- Google Analytics -->
+<!-- <script> -->
+  <!-- (function(i, s, o, g, r, a, m) { -->
+    <!-- i['GoogleAnalyticsObject'] = r; -->
+    <!-- i[r] = i[r] || function() { -->
+      <!-- (i[r].q = i[r].q || []).push(arguments) -->
+    <!-- }, i[r].l = 1 * new Date(); -->
+    <!-- a = s.createElement(o), -->
+      <!-- m = s.getElementsByTagName(o)[0]; -->
+    <!-- a.async = 1; -->
+    <!-- a.src = g; -->
+    <!-- m.parentNode.insertBefore(a, m) -->
+  <!-- })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); -->
+  <!-- ga('create', 'UA-243662455-3', 'auto'); -->
+  <!-- ga('send', 'pageview', { -->
+    <!-- 'page': '/tag/esm/', -->
+    <!-- 'title': 'esm' -->
+  <!-- }); -->
+<!-- </script> -->
+<!--  -->
+
+    <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
+    <script type="text/javascript">
+    if(!wcs_add) var wcs_add = {};
+    wcs_add["wa"] = "10c052150c690f0";
+    if(window.wcs) {
+    wcs_do();
+    }
+    </script>
+
+  </body>
+
+</html>
diff --git a/_site/tag/garbagecollection/index.html b/_site/tag/garbagecollection/index.html
index 144df28..4d2af2f 100644
--- a/_site/tag/garbagecollection/index.html
+++ b/_site/tag/garbagecollection/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/github-actions/index.html b/_site/tag/github-actions/index.html
index 2016f2c..9aff8e8 100644
--- a/_site/tag/github-actions/index.html
+++ b/_site/tag/github-actions/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/interaction-test/index.html b/_site/tag/interaction-test/index.html
index ec6b0e1..f0f5730 100644
--- a/_site/tag/interaction-test/index.html
+++ b/_site/tag/interaction-test/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/javascript/index.html b/_site/tag/javascript/index.html
index da5aa37..58f53a2 100644
--- a/_site/tag/javascript/index.html
+++ b/_site/tag/javascript/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -463,6 +473,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/lighthouse/index.html b/_site/tag/lighthouse/index.html
index 0ae2010..61426a4 100644
--- a/_site/tag/lighthouse/index.html
+++ b/_site/tag/lighthouse/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/looking-back-the-half/index.html b/_site/tag/looking-back-the-half/index.html
index feedb97..9405d96 100644
--- a/_site/tag/looking-back-the-half/index.html
+++ b/_site/tag/looking-back-the-half/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/looking-back-the-year/index.html b/_site/tag/looking-back-the-year/index.html
index cc6b01c..77be5bf 100644
--- a/_site/tag/looking-back-the-year/index.html
+++ b/_site/tag/looking-back-the-year/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -461,6 +471,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/membership/index.html b/_site/tag/membership/index.html
index 46c6d43..d62f5a8 100644
--- a/_site/tag/membership/index.html
+++ b/_site/tag/membership/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/modulesystem/index.html b/_site/tag/modulesystem/index.html
new file mode 100644
index 0000000..df83462
--- /dev/null
+++ b/_site/tag/modulesystem/index.html
@@ -0,0 +1,616 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>
+    moduleSystem
+  </title>
+  <meta name="description" content="first Dev blog
+">
+  
+  <meta name="author" content="Hyunbin Lee">
+  <meta name="copyright" content="&copy; Hyunbin Lee 2024">
+  
+
+  <!-- External libraries -->
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css">
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css">
+
+  <!-- Favicon and other icons (made with http://www.favicon-generator.org/) -->
+  <link rel="shortcut icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="/assets/icons/favicon.ico" type="image/x-icon">
+  <link rel="manifest" href="/assets/icons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  
+
+  
+
+  
+
+  <!-- Site styles -->
+  <link rel="stylesheet" href="/css/main.css">
+  <link rel="canonical" href="http://localhost:4000/tag/modulesystem/">
+  <link rel="alternate" type="application/rss+xml" title="구멍을 외면하지 말자" href="http://localhost:4000/feed.xml" />
+
+  <!-- Tooltips -->
+  <script type="text/javascript">
+    window.tooltips = []
+  </script>
+
+  
+  <!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','GTM-P48NKV3');</script>
+  <!-- End Google Tag Manager -->
+  
+  
+</head>
+
+
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4H99JTCZN9"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    if (location.host === 'iyu88.github.io') {
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      
+      gtag('config', 'G-4H99JTCZN9');
+    }
+  </script>
+  <!-- End of Google tag (gtag.js) -->
+
+  <body>
+
+    
+    <!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P48NKV3"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+  
+    
+
+    <header class="navigation" role="banner">
+  <div class="navigation-wrapper">
+    <a href="/" class="logo">
+      
+      <img src="/assets/logo.png" alt="구멍을 외면하지 말자">
+      <h4 class="title">Hyunbin Lee</h4>
+      
+    </a>
+    <a href="javascript:void(0)" class="navigation-menu-button" id="js-mobile-menu">
+      <i class="fa fa-bars"></i>
+    </a>
+    <nav role="navigation">
+      <ul id="js-navigation-menu" class="navigation-menu show">
+				
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </nav>
+  </div>
+</header>
+
+
+    <div class="page-content">
+        <div class="wrapper">
+<div class="page">
+
+  <header class="post-header">
+    <h1 class="post-title">Posts in "Modulesystem"</h1>
+  </header>
+
+  <span class="page-divider">
+  <span class="one"></span>
+  <span class="two"></span>
+</span>
+
+
+  <article class="post-content">
+    <ul class="posts-list">
+      
+      <li><strong><a class="post-link" href="/javascript/2024/03/02/javascript-module-system.html">[JavaScript] 모듈 시스템 (CJS, ESM)</a></strong><span class="post-date"> - March 2, 2024</span></li>
+      
+    </ul>
+  </article>
+
+</div>
+</div>
+<br>
+
+    </div>
+
+    <footer class="site-footer">
+
+  <div class="wrapper">
+
+    <h3 class="footer-heading">
+      구멍을 외면하지 말자
+    </h3>
+
+    <div class="site-navigation">
+
+      <p><strong>Site Map</strong></p>
+      <ul class="pages">
+        
+	
+
+	
+
+	
+	<li class="nav-link"><a href="/posts/">Posts</a>
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+	
+
+
+      </ul>
+    </div>
+
+    <div class="site-contact">
+
+      <p><strong>Contact</strong></p>
+      <ul class="social-media-list">
+        <li>
+          <a href="mailto:iyu88887@gmail.com">
+            <i class="fa fa-envelope-o"></i>
+            <span class="username">
+              iyu88887@gmail.com</span>
+          </a>
+        </li>
+
+        
+        
+        <li>
+          <a href="https://github.com/iyu88" title="https://github.com/iyu88">
+            <i class="fa fa-github"></i>
+            <span class="username">
+              iyu88</span>
+          </a>
+        </li>
+        
+        
+        
+        <li>
+          <a href="https://linkedin.com/in/현빈-이-66710325b" title="Connect with me on LinkedIn">
+            <i class="fa fa-linkedin"></i>
+            <span class="username">
+              HyunBin Lee</span>
+          </a>
+        </li>
+        
+        
+
+      </ul>
+    </div>
+
+    <div class="site-signature">
+      <p class="rss-subscribe text"><strong></strong></p>
+      <p class="text">
+        first Dev blog
+
+      </p>
+    </div>
+
+  </div>
+
+</footer>
+
+<!-- Scripts -->
+<script src="//code.jquery.com/jquery-3.4.1.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/js/lightbox.min.js"></script>
+<script src="//unpkg.com/popper.js@1"></script>
+<script src="//unpkg.com/tippy.js@5"></script>
+
+<script type="text/javascript">
+  $(document).ready(function() {
+    // Default syntax highlighting
+    hljs.initHighlightingOnLoad();
+
+    // Header
+    var menuToggle = $('#js-mobile-menu').unbind();
+    $('#js-navigation-menu').removeClass("show");
+    menuToggle.on('click', function(e) {
+      e.preventDefault();
+      $('#js-navigation-menu').slideToggle(function() {
+        if ($('#js-navigation-menu').is(':hidden')) {
+          $('#js-navigation-menu').removeAttr('style');
+        }
+      });
+    });
+
+    // Enable tooltips via Tippy.js
+    if (Array.isArray(window.tooltips)) {
+      window.tooltips.forEach(function(tooltip) {
+        var selector = tooltip[0];
+        var config = tooltip[1];
+        tippy(selector, config);
+      })
+    }
+  });
+</script>
+
+
+
+<!--  -->
+<!-- Google Analytics -->
+<!-- <script> -->
+  <!-- (function(i, s, o, g, r, a, m) { -->
+    <!-- i['GoogleAnalyticsObject'] = r; -->
+    <!-- i[r] = i[r] || function() { -->
+      <!-- (i[r].q = i[r].q || []).push(arguments) -->
+    <!-- }, i[r].l = 1 * new Date(); -->
+    <!-- a = s.createElement(o), -->
+      <!-- m = s.getElementsByTagName(o)[0]; -->
+    <!-- a.async = 1; -->
+    <!-- a.src = g; -->
+    <!-- m.parentNode.insertBefore(a, m) -->
+  <!-- })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); -->
+  <!-- ga('create', 'UA-243662455-3', 'auto'); -->
+  <!-- ga('send', 'pageview', { -->
+    <!-- 'page': '/tag/modulesystem/', -->
+    <!-- 'title': 'moduleSystem' -->
+  <!-- }); -->
+<!-- </script> -->
+<!--  -->
+
+    <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
+    <script type="text/javascript">
+    if(!wcs_add) var wcs_add = {};
+    wcs_add["wa"] = "10c052150c690f0";
+    if(window.wcs) {
+    wcs_do();
+    }
+    </script>
+
+  </body>
+
+</html>
diff --git a/_site/tag/opensource/index.html b/_site/tag/opensource/index.html
index 4deefa3..ee2dc93 100644
--- a/_site/tag/opensource/index.html
+++ b/_site/tag/opensource/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/playfunction/index.html b/_site/tag/playfunction/index.html
index c2da188..cbbe92a 100644
--- a/_site/tag/playfunction/index.html
+++ b/_site/tag/playfunction/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/prototype/index.html b/_site/tag/prototype/index.html
index f9a6fba..5cf5986 100644
--- a/_site/tag/prototype/index.html
+++ b/_site/tag/prototype/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/react/index.html b/_site/tag/react/index.html
index 3fb1e36..35ccc9a 100644
--- a/_site/tag/react/index.html
+++ b/_site/tag/react/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/reflow/index.html b/_site/tag/reflow/index.html
index 87b2936..9cf4010 100644
--- a/_site/tag/reflow/index.html
+++ b/_site/tag/reflow/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/render/index.html b/_site/tag/render/index.html
index d891d34..cd4d4ca 100644
--- a/_site/tag/render/index.html
+++ b/_site/tag/render/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/repaint/index.html b/_site/tag/repaint/index.html
index b516547..40bc2d1 100644
--- a/_site/tag/repaint/index.html
+++ b/_site/tag/repaint/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/review/index.html b/_site/tag/review/index.html
index 819cd3d..1454c8e 100644
--- a/_site/tag/review/index.html
+++ b/_site/tag/review/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/storybook/index.html b/_site/tag/storybook/index.html
index dbb8f76..6d0b022 100644
--- a/_site/tag/storybook/index.html
+++ b/_site/tag/storybook/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -461,6 +471,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/string/index.html b/_site/tag/string/index.html
index 7452fee..9bd4772 100644
--- a/_site/tag/string/index.html
+++ b/_site/tag/string/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/supports/index.html b/_site/tag/supports/index.html
index de97a20..c59a62d 100644
--- a/_site/tag/supports/index.html
+++ b/_site/tag/supports/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/suspense/index.html b/_site/tag/suspense/index.html
index 28f8ddb..1f911a8 100644
--- a/_site/tag/suspense/index.html
+++ b/_site/tag/suspense/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/taggedtemplates/index.html b/_site/tag/taggedtemplates/index.html
index 17db3e7..5e4a850 100644
--- a/_site/tag/taggedtemplates/index.html
+++ b/_site/tag/taggedtemplates/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/tailcalloptimization/index.html b/_site/tag/tailcalloptimization/index.html
index 2053baf..4160092 100644
--- a/_site/tag/tailcalloptimization/index.html
+++ b/_site/tag/tailcalloptimization/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/tailrecursion/index.html b/_site/tag/tailrecursion/index.html
index e6c7855..3cbc9b2 100644
--- a/_site/tag/tailrecursion/index.html
+++ b/_site/tag/tailrecursion/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/usedeferredvalue/index.html b/_site/tag/usedeferredvalue/index.html
index 2ae4f3c..97327d0 100644
--- a/_site/tag/usedeferredvalue/index.html
+++ b/_site/tag/usedeferredvalue/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/usetransition/index.html b/_site/tag/usetransition/index.html
index a874423..5759489 100644
--- a/_site/tag/usetransition/index.html
+++ b/_site/tag/usetransition/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/v8/index.html b/_site/tag/v8/index.html
index ad953e8..fc4c3b9 100644
--- a/_site/tag/v8/index.html
+++ b/_site/tag/v8/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/tag/web/index.html b/_site/tag/web/index.html
index a284594..820aa87 100644
--- a/_site/tag/web/index.html
+++ b/_site/tag/web/index.html
@@ -247,6 +247,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -459,6 +469,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
diff --git a/_site/web/2022/10/23/browser-render.html b/_site/web/2022/10/23/browser-render.html
index 013632b..677dd81 100644
--- a/_site/web/2022/10/23/browser-render.html
+++ b/_site/web/2022/10/23/browser-render.html
@@ -246,6 +246,16 @@ <h4 class="title">Hyunbin Lee</h4>
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+	
 
 	
 
@@ -972,6 +982,16 @@ <h3 class="footer-heading">
 	
 
 	
+
+	
+
+	
+
+	
+
+	
+
+