From d1059118be8a6a1d0710596da25b43d931e8d799 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Tue, 27 Aug 2024 01:50:42 +0900
Subject: [PATCH 01/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index 65b95b7..1f6e4ab 100644
--- a/README.md
+++ b/README.md
@@ -16,6 +16,9 @@
 ## Lecture
 - 👨‍💻[CodingDev](https://youtube.com/playlist?list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0&si=wYBdejCaW81DUMUj "코딩앙마-YouTube")
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
+<details>
+  <summary>Lecture List</summary>
+</details>
 
 💻Ts-PlayGround
 - [Ts-PlayGround](https://www.typescriptlang.org/ko/play/?#code/Q "TypeScript PlayGround")

From 06270b77abde46f73c4f7f10929062031af5cbdd Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Tue, 27 Aug 2024 01:51:09 +0900
Subject: [PATCH 02/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 1f6e4ab..6006d21 100644
--- a/README.md
+++ b/README.md
@@ -16,9 +16,9 @@
 ## Lecture
 - 👨‍💻[CodingDev](https://youtube.com/playlist?list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0&si=wYBdejCaW81DUMUj "코딩앙마-YouTube")
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
-<details>
-  <summary>Lecture List</summary>
-</details>
+  <details>
+    <summary>Lecture List</summary>
+  </details>
 
 💻Ts-PlayGround
 - [Ts-PlayGround](https://www.typescriptlang.org/ko/play/?#code/Q "TypeScript PlayGround")

From 5e69dee087c8e22c2766bb71f25ba87f00d44a01 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Thu, 29 Aug 2024 12:26:12 +0900
Subject: [PATCH 03/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/README.md b/README.md
index 6006d21..78053cd 100644
--- a/README.md
+++ b/README.md
@@ -18,6 +18,31 @@
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
   <details>
     <summary>Lecture List</summary>
+    <details>
+      <summarySection2</summary>
+        - (14)숫자 문자열 및 불리언 작업하기: #
+        - (15)타입 할당 및 타입 추론하기: #
+        - (16)객체 형태: #
+        - (18)배열 타입: #
+        - (19)튜플 작업하기: #
+        - (20)열거형으로 작업하기: #
+        - (21)Any 타입: #
+        - (22)조합 타입: #
+        - (23)리터럴 타입: #
+        - (24)타입 알리어스 / 사용자 정의 타입: #
+        - (25)타입 알리어스 및 객체 타입: #
+        - (26)함수 반환 타입 및 "무효": #
+        - (27)타입의 기능을 하는 함수: #
+        - (28)함수 타입 및 콜백: #
+        - (29)알 수 없는 타입: #
+        - (30)절대 타입: #
+    </details>
+    <details>
+      <summarySection3</summary>
+    </details>
+    <details>
+      <summarySection4</summary>
+    </details>
   </details>
 
 💻Ts-PlayGround

From d7c13603bdf99aec39e291f290ff9883b6c29ca7 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Thu, 29 Aug 2024 12:29:25 +0900
Subject: [PATCH 04/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 44 ++++++++++++++++++++++++--------------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index 78053cd..3f87b08 100644
--- a/README.md
+++ b/README.md
@@ -19,31 +19,35 @@
   <details>
     <summary>Lecture List</summary>
     <details>
-      <summarySection2</summary>
-        - (14)숫자 문자열 및 불리언 작업하기: #
-        - (15)타입 할당 및 타입 추론하기: #
-        - (16)객체 형태: #
-        - (18)배열 타입: #
-        - (19)튜플 작업하기: #
-        - (20)열거형으로 작업하기: #
-        - (21)Any 타입: #
-        - (22)조합 타입: #
-        - (23)리터럴 타입: #
-        - (24)타입 알리어스 / 사용자 정의 타입: #
-        - (25)타입 알리어스 및 객체 타입: #
-        - (26)함수 반환 타입 및 "무효": #
-        - (27)타입의 기능을 하는 함수: #
-        - (28)함수 타입 및 콜백: #
-        - (29)알 수 없는 타입: #
-        - (30)절대 타입: #
+        <summary>Section 2</summary>
+        <ul>
+            <li>(14) 숫자 문자열 및 불리언 작업하기: #</li>
+            <li>(15) 타입 할당 및 타입 추론하기: #</li>
+            <li>(16) 객체 형태: #</li>
+            <li>(18) 배열 타입: #</li>
+            <li>(19) 튜플 작업하기: #</li>
+            <li>(20) 열거형으로 작업하기: #</li>
+            <li>(21) Any 타입: #</li>
+            <li>(22) 조합 타입: #</li>
+            <li>(23) 리터럴 타입: #</li>
+            <li>(24) 타입 알리어스 / 사용자 정의 타입: #</li>
+            <li>(25) 타입 알리어스 및 객체 타입: #</li>
+            <li>(26) 함수 반환 타입 및 "무효": #</li>
+            <li>(27) 타입의 기능을 하는 함수: #</li>
+            <li>(28) 함수 타입 및 콜백: #</li>
+            <li>(29) 알 수 없는 타입: #</li>
+            <li>(30) 절대 타입: #</li>
+        </ul>
     </details>
     <details>
-      <summarySection3</summary>
+        <summary>Section 3</summary>
+        <p>Section 3 content goes here.</p>
     </details>
     <details>
-      <summarySection4</summary>
+        <summary>Section 4</summary>
+        <p>Section 4 content goes here.</p>
     </details>
-  </details>
+</details>
 
 💻Ts-PlayGround
 - [Ts-PlayGround](https://www.typescriptlang.org/ko/play/?#code/Q "TypeScript PlayGround")

From 978d9324d402345296c10769667d493fa022b5a5 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Thu, 29 Aug 2024 12:30:11 +0900
Subject: [PATCH 05/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 58 +++++++++++++++++++++++++++----------------------------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/README.md b/README.md
index 3f87b08..561da6c 100644
--- a/README.md
+++ b/README.md
@@ -18,35 +18,35 @@
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
   <details>
     <summary>Lecture List</summary>
-    <details>
-        <summary>Section 2</summary>
-        <ul>
-            <li>(14) 숫자 문자열 및 불리언 작업하기: #</li>
-            <li>(15) 타입 할당 및 타입 추론하기: #</li>
-            <li>(16) 객체 형태: #</li>
-            <li>(18) 배열 타입: #</li>
-            <li>(19) 튜플 작업하기: #</li>
-            <li>(20) 열거형으로 작업하기: #</li>
-            <li>(21) Any 타입: #</li>
-            <li>(22) 조합 타입: #</li>
-            <li>(23) 리터럴 타입: #</li>
-            <li>(24) 타입 알리어스 / 사용자 정의 타입: #</li>
-            <li>(25) 타입 알리어스 및 객체 타입: #</li>
-            <li>(26) 함수 반환 타입 및 "무효": #</li>
-            <li>(27) 타입의 기능을 하는 함수: #</li>
-            <li>(28) 함수 타입 및 콜백: #</li>
-            <li>(29) 알 수 없는 타입: #</li>
-            <li>(30) 절대 타입: #</li>
-        </ul>
-    </details>
-    <details>
-        <summary>Section 3</summary>
-        <p>Section 3 content goes here.</p>
-    </details>
-    <details>
-        <summary>Section 4</summary>
-        <p>Section 4 content goes here.</p>
-    </details>
+      <details>
+          <summary>Section 2</summary>
+          <ul>
+              <li>(14) 숫자 문자열 및 불리언 작업하기: #</li>
+              <li>(15) 타입 할당 및 타입 추론하기: #</li>
+              <li>(16) 객체 형태: #</li>
+              <li>(18) 배열 타입: #</li>
+              <li>(19) 튜플 작업하기: #</li>
+              <li>(20) 열거형으로 작업하기: #</li>
+              <li>(21) Any 타입: #</li>
+              <li>(22) 조합 타입: #</li>
+              <li>(23) 리터럴 타입: #</li>
+              <li>(24) 타입 알리어스 / 사용자 정의 타입: #</li>
+              <li>(25) 타입 알리어스 및 객체 타입: #</li>
+              <li>(26) 함수 반환 타입 및 "무효": #</li>
+              <li>(27) 타입의 기능을 하는 함수: #</li>
+              <li>(28) 함수 타입 및 콜백: #</li>
+              <li>(29) 알 수 없는 타입: #</li>
+              <li>(30) 절대 타입: #</li>
+          </ul>
+      </details>
+      <details>
+          <summary>Section 3</summary>
+          <p>Section 3 content goes here.</p>
+      </details>
+      <details>
+          <summary>Section 4</summary>
+          <p>Section 4 content goes here.</p>
+      </details>
 </details>
 
 💻Ts-PlayGround

From 859bffc8d411a795dd6949d3c03db4d57fe17fd4 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Thu, 29 Aug 2024 12:33:30 +0900
Subject: [PATCH 06/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 561da6c..7ca6af5 100644
--- a/README.md
+++ b/README.md
@@ -18,6 +18,7 @@
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
   <details>
     <summary>Lecture List</summary>
+     &nbsp;&nbsp;&nbsp;&nbsp;
       <details>
           <summary>Section 2</summary>
           <ul>

From e09d95d043ab9147c21e28a87a9d0abdb576ca28 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Thu, 29 Aug 2024 12:36:08 +0900
Subject: [PATCH 07/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 7ca6af5..e17b4db 100644
--- a/README.md
+++ b/README.md
@@ -18,8 +18,7 @@
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
   <details>
     <summary>Lecture List</summary>
-     &nbsp;&nbsp;&nbsp;&nbsp;
-      <details>
+      <details style="margin-left: 20px;">
           <summary>Section 2</summary>
           <ul>
               <li>(14) 숫자 문자열 및 불리언 작업하기: #</li>
@@ -40,11 +39,11 @@
               <li>(30) 절대 타입: #</li>
           </ul>
       </details>
-      <details>
+      <details style="margin-left: 20px;">
           <summary>Section 3</summary>
           <p>Section 3 content goes here.</p>
       </details>
-      <details>
+      <details style="margin-left: 20px;">
           <summary>Section 4</summary>
           <p>Section 4 content goes here.</p>
       </details>

From 3255009bf809f9089e335ab1d7e671969d24b29f Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Thu, 29 Aug 2024 12:37:09 +0900
Subject: [PATCH 08/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 58 +++++++++++++++++++++++++++----------------------------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/README.md b/README.md
index e17b4db..463f08d 100644
--- a/README.md
+++ b/README.md
@@ -18,35 +18,35 @@
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
   <details>
     <summary>Lecture List</summary>
-      <details style="margin-left: 20px;">
-          <summary>Section 2</summary>
-          <ul>
-              <li>(14) 숫자 문자열 및 불리언 작업하기: #</li>
-              <li>(15) 타입 할당 및 타입 추론하기: #</li>
-              <li>(16) 객체 형태: #</li>
-              <li>(18) 배열 타입: #</li>
-              <li>(19) 튜플 작업하기: #</li>
-              <li>(20) 열거형으로 작업하기: #</li>
-              <li>(21) Any 타입: #</li>
-              <li>(22) 조합 타입: #</li>
-              <li>(23) 리터럴 타입: #</li>
-              <li>(24) 타입 알리어스 / 사용자 정의 타입: #</li>
-              <li>(25) 타입 알리어스 및 객체 타입: #</li>
-              <li>(26) 함수 반환 타입 및 "무효": #</li>
-              <li>(27) 타입의 기능을 하는 함수: #</li>
-              <li>(28) 함수 타입 및 콜백: #</li>
-              <li>(29) 알 수 없는 타입: #</li>
-              <li>(30) 절대 타입: #</li>
-          </ul>
-      </details>
-      <details style="margin-left: 20px;">
-          <summary>Section 3</summary>
-          <p>Section 3 content goes here.</p>
-      </details>
-      <details style="margin-left: 20px;">
-          <summary>Section 4</summary>
-          <p>Section 4 content goes here.</p>
-      </details>
+        <details>
+            <summary>Section 2</summary>
+            <ul>
+                <li>(14) 숫자 문자열 및 불리언 작업하기: #</li>
+                <li>(15) 타입 할당 및 타입 추론하기: #</li>
+                <li>(16) 객체 형태: #</li>
+                <li>(18) 배열 타입: #</li>
+                <li>(19) 튜플 작업하기: #</li>
+                <li>(20) 열거형으로 작업하기: #</li>
+                <li>(21) Any 타입: #</li>
+                <li>(22) 조합 타입: #</li>
+                <li>(23) 리터럴 타입: #</li>
+                <li>(24) 타입 알리어스 / 사용자 정의 타입: #</li>
+                <li>(25) 타입 알리어스 및 객체 타입: #</li>
+                <li>(26) 함수 반환 타입 및 "무효": #</li>
+                <li>(27) 타입의 기능을 하는 함수: #</li>
+                <li>(28) 함수 타입 및 콜백: #</li>
+                <li>(29) 알 수 없는 타입: #</li>
+                <li>(30) 절대 타입: #</li>
+            </ul>
+        </details>
+        <details>
+            <summary>Section 3</summary>
+            <p>Section 3 content goes here.</p>
+        </details>
+        <details>
+            <summary>Section 4</summary>
+            <p>Section 4 content goes here.</p>
+        </details>
 </details>
 
 💻Ts-PlayGround

From ab9b8dbda386ccead1a309d1f74659db3d56b1ca Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Thu, 29 Aug 2024 15:51:16 +0900
Subject: [PATCH 09/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 60 +++++++++++++++++++++++++++----------------------------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/README.md b/README.md
index 463f08d..126ecfc 100644
--- a/README.md
+++ b/README.md
@@ -16,38 +16,38 @@
 ## Lecture
 - 👨‍💻[CodingDev](https://youtube.com/playlist?list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0&si=wYBdejCaW81DUMUj "코딩앙마-YouTube")
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
-  <details>
-    <summary>Lecture List</summary>
-        <details>
+  <dl>
+    <details>
+      <summary>Lecture List</summary>
+        <dd>
+          <details>
             <summary>Section 2</summary>
-            <ul>
-                <li>(14) 숫자 문자열 및 불리언 작업하기: #</li>
-                <li>(15) 타입 할당 및 타입 추론하기: #</li>
-                <li>(16) 객체 형태: #</li>
-                <li>(18) 배열 타입: #</li>
-                <li>(19) 튜플 작업하기: #</li>
-                <li>(20) 열거형으로 작업하기: #</li>
-                <li>(21) Any 타입: #</li>
-                <li>(22) 조합 타입: #</li>
-                <li>(23) 리터럴 타입: #</li>
-                <li>(24) 타입 알리어스 / 사용자 정의 타입: #</li>
-                <li>(25) 타입 알리어스 및 객체 타입: #</li>
-                <li>(26) 함수 반환 타입 및 "무효": #</li>
-                <li>(27) 타입의 기능을 하는 함수: #</li>
-                <li>(28) 함수 타입 및 콜백: #</li>
-                <li>(29) 알 수 없는 타입: #</li>
-                <li>(30) 절대 타입: #</li>
-            </ul>
-        </details>
-        <details>
+                <dd>(14) 숫자 문자열 및 불리언 작업하기: #</dd>
+                <dd>(15) 타입 할당 및 타입 추론하기: #</dd>
+                <dd>(16) 객체 형태: #</dd>
+                <dd>(18) 배열 타입: #</dd>
+                <dd>(19) 튜플 작업하기: #</dd>
+                <dd>(20) 열거형으로 작업하기: #</dd>
+                <dd>(21) Any 타입: #</dd>
+                <dd>(22) 조합 타입: #</dd>
+                <dd>(23) 리터럴 타입: #</dd>
+                <dd>(24) 타입 알리어스 / 사용자 정의 타입: #</dd>
+                <dd>(25) 타입 알리어스 및 객체 타입: #</dd>
+                <dd>(26) 함수 반환 타입 및 "무효": #</dd>
+                <dd>(27) 타입의 기능을 하는 함수: #</dd>
+                <dd>(28) 함수 타입 및 콜백: #</dd>
+                <dd>(29) 알 수 없는 타입: #</dd>
+                <dd>(30) 절대 타입: #</dd>
+          </details>
+        </dd>
+        <dd>  
+          <details>
             <summary>Section 3</summary>
-            <p>Section 3 content goes here.</p>
-        </details>
-        <details>
-            <summary>Section 4</summary>
-            <p>Section 4 content goes here.</p>
-        </details>
-</details>
+                <dd>-: #</dd>
+          </details>
+        </dd>
+    </details>
+  </dl>
 
 💻Ts-PlayGround
 - [Ts-PlayGround](https://www.typescriptlang.org/ko/play/?#code/Q "TypeScript PlayGround")

From 5f0f9f95c293d91061e3c17c4524ddbcbb8cd7e7 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Thu, 29 Aug 2024 17:54:58 +0900
Subject: [PATCH 10/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 126ecfc..1d09d47 100644
--- a/README.md
+++ b/README.md
@@ -21,7 +21,7 @@
       <summary>Lecture List</summary>
         <dd>
           <details>
-            <summary>Section 2</summary>
+            <summary>Section2: TypeScript 기본& 기본 타입</summary>
                 <dd>(14) 숫자 문자열 및 불리언 작업하기: #</dd>
                 <dd>(15) 타입 할당 및 타입 추론하기: #</dd>
                 <dd>(16) 객체 형태: #</dd>
@@ -46,6 +46,12 @@
                 <dd>-: #</dd>
           </details>
         </dd>
+        <dd>  
+          <details>
+            <summary>Section11: TypeScript와 함께 Webpack 사용하기</summary>
+                <dd>-: #</dd>
+          </details>
+        </dd>
     </details>
   </dl>
 

From daaeeed735923e2a89c7899088e0213412d73747 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Thu, 29 Aug 2024 18:10:10 +0900
Subject: [PATCH 11/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/README.md b/README.md
index 1d09d47..33e74dc 100644
--- a/README.md
+++ b/README.md
@@ -15,6 +15,11 @@
 
 ## Lecture
 - 👨‍💻[CodingDev](https://youtube.com/playlist?list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0&si=wYBdejCaW81DUMUj "코딩앙마-YouTube")
+  - run vsc (npm run start)
+    ```
+      //package.json
+        "start": "ts-node src/index.ts"
+    ```
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
   <dl>
     <details>

From c8ec455d4ca74205f9720a3b40c08132d1aa1ca1 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Sat, 31 Aug 2024 00:04:16 +0900
Subject: [PATCH 12/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 33e74dc..d095d8e 100644
--- a/README.md
+++ b/README.md
@@ -48,7 +48,12 @@
         <dd>  
           <details>
             <summary>Section 3</summary>
-                <dd>-: #</dd>
+                <dd>(153) Webpack 설치하기& 중요 종속성: #</dd>
+                <dd>(154) 입력& 출력 구성 추가하기: #</dd>
+                <dd>(155) ts-loader 패키지로 TypeScript 지원 추가하기: #</dd>
+                <dd>(156) 웹팩 구성(Config) 조정하기: #</dd>
+                <dd>(157) 설정 완료하기& Webpack-dev-server 추가하기: #</dd>
+                <dd>(158) 생산 워크플로 추가하기: #</dd>
           </details>
         </dd>
         <dd>  

From e2a15fdd432abc7f58873ee883118a372e7d95b1 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Sat, 31 Aug 2024 00:05:29 +0900
Subject: [PATCH 13/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index d095d8e..d9e7c4b 100644
--- a/README.md
+++ b/README.md
@@ -48,6 +48,12 @@
         <dd>  
           <details>
             <summary>Section 3</summary>
+                <dd>-: #</dd>
+          </details>
+        </dd>
+        <dd>  
+          <details>
+            <summary>Section11: TypeScript와 함께 Webpack 사용하기</summary>
                 <dd>(153) Webpack 설치하기& 중요 종속성: #</dd>
                 <dd>(154) 입력& 출력 구성 추가하기: #</dd>
                 <dd>(155) ts-loader 패키지로 TypeScript 지원 추가하기: #</dd>
@@ -56,12 +62,6 @@
                 <dd>(158) 생산 워크플로 추가하기: #</dd>
           </details>
         </dd>
-        <dd>  
-          <details>
-            <summary>Section11: TypeScript와 함께 Webpack 사용하기</summary>
-                <dd>-: #</dd>
-          </details>
-        </dd>
     </details>
   </dl>
 

From 61dd8428a3bd9a843caafa688f1039d0e8fc62a8 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Sat, 31 Aug 2024 00:07:43 +0900
Subject: [PATCH 14/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index d9e7c4b..8934a92 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
 ## Rules
 - main ~과 format~ 은 변경해서는 안된다.
 - 학습한 코드는 recently로 merge한다.
-- 강의 Branch를 생성, 작성하는 방법은 `lectureName/sectionN`와 같이 작성한다.
+- 강의 Branch를 생성, 작성하는 방법은 `lectureName/sectionN/N`과 같이 작성한다. (ex.UdemyTs/section2/14)
 - 학습한 강의 내용 및 정리는 PR에 작성한다.
 - issue는 학습한 내용에서 발생한 문제점과 부족한 점을 위주로 작성한다.
 

From bce5c89ea8908fdc452a57eb62e123c488b5e573 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Sat, 31 Aug 2024 00:10:10 +0900
Subject: [PATCH 15/41] =?UTF-8?q?=F0=9F=8C=B1:=20=20README=EC=9D=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 README.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/README.md b/README.md
index 8934a92..8ea05f4 100644
--- a/README.md
+++ b/README.md
@@ -21,6 +21,11 @@
         "start": "ts-node src/index.ts"
     ```
 - 👨‍💻[UdemyTs](https://www.udemy.com/course/best-typescript-21/?couponCode=SKILLS4SALEA "TypeScript-Udemy")
+  - run vsc (npm run start)
+    ```
+      ::CMD
+        tsc app.ts
+    ```
   <dl>
     <details>
       <summary>Lecture List</summary>

From ed8fa00aaba5a5f712be9a2172944a27a820dd5b Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Sat, 31 Aug 2024 00:27:57 +0900
Subject: [PATCH 16/41] =?UTF-8?q?=F0=9F=8C=B1:=20issue=20templates=20?=
 =?UTF-8?q?=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 작성한 커밋입니다.
---
 .../ISSUE_TEMPLATE/lecturename-sectionn-n.md  | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 .github/ISSUE_TEMPLATE/lecturename-sectionn-n.md

diff --git a/.github/ISSUE_TEMPLATE/lecturename-sectionn-n.md b/.github/ISSUE_TEMPLATE/lecturename-sectionn-n.md
new file mode 100644
index 0000000..fcde9aa
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/lecturename-sectionn-n.md
@@ -0,0 +1,23 @@
+---
+name: lectureName/sectionN/N
+about: 어떤 학습을 했는지 적어주세요.
+title: lectureName/sectionN/N
+labels: ''
+assignees: 4BFC
+
+---
+
+✍LectureName/sectionN/N
+
+🔗Reference
+- [참고자료](https://# "참고자료")
+- 없다면 지워주세요.
+
+🔥KeyWord
+- 강의 핵심 키워드로 소개해주세요.
+
+📝Description
+- 무엇을 배웠는지 알려주세요.
+
+📌Summary
+- 간단하게 무엇을 느꼈고 배웠는지 앞으로의 계획 등을 서술해주세요.

From 1559fa28eebdfc8d29e2c36dbae42a1b7c233771 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Sat, 31 Aug 2024 00:30:20 +0900
Subject: [PATCH 17/41] =?UTF-8?q?=F0=9F=8C=B1:=20pr-template=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 작성한 커밋입니다.
---
 .../ISSUE_TEMPLATE/PULL_REQUEST_TEMPLATE.md   | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 .github/ISSUE_TEMPLATE/PULL_REQUEST_TEMPLATE.md

diff --git a/.github/ISSUE_TEMPLATE/PULL_REQUEST_TEMPLATE.md b/.github/ISSUE_TEMPLATE/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 0000000..fcde9aa
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,23 @@
+---
+name: lectureName/sectionN/N
+about: 어떤 학습을 했는지 적어주세요.
+title: lectureName/sectionN/N
+labels: ''
+assignees: 4BFC
+
+---
+
+✍LectureName/sectionN/N
+
+🔗Reference
+- [참고자료](https://# "참고자료")
+- 없다면 지워주세요.
+
+🔥KeyWord
+- 강의 핵심 키워드로 소개해주세요.
+
+📝Description
+- 무엇을 배웠는지 알려주세요.
+
+📌Summary
+- 간단하게 무엇을 느꼈고 배웠는지 앞으로의 계획 등을 서술해주세요.

From 691897abf67ae8981dcbc722739e747c00aa5b0d Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Sat, 31 Aug 2024 00:32:05 +0900
Subject: [PATCH 18/41] =?UTF-8?q?=F0=9F=8C=B1:=20pr-template=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 .github/{ISSUE_TEMPLATE => }/PULL_REQUEST_TEMPLATE.md | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename .github/{ISSUE_TEMPLATE => }/PULL_REQUEST_TEMPLATE.md (100%)

diff --git a/.github/ISSUE_TEMPLATE/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
similarity index 100%
rename from .github/ISSUE_TEMPLATE/PULL_REQUEST_TEMPLATE.md
rename to .github/PULL_REQUEST_TEMPLATE.md

From 44ec0355eff25db1ad06b224be8bcb3f51a3a006 Mon Sep 17 00:00:00 2001
From: 4Bee <109135643+4BFC@users.noreply.github.com>
Date: Sat, 31 Aug 2024 00:33:17 +0900
Subject: [PATCH 19/41] =?UTF-8?q?=F0=9F=8C=B1:=20pr-template=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Github에서 수정한 커밋입니다.
---
 .github/PULL_REQUEST_TEMPLATE.md | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index fcde9aa..61a89ea 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,12 +1,3 @@
----
-name: lectureName/sectionN/N
-about: 어떤 학습을 했는지 적어주세요.
-title: lectureName/sectionN/N
-labels: ''
-assignees: 4BFC
-
----
-
 ✍LectureName/sectionN/N
 
 🔗Reference

From 3c3280b2ac16b0ff3533e72a25f8a37c7b45430a Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 31 Aug 2024 13:33:43 +0900
Subject: [PATCH 20/41] =?UTF-8?q?=F0=9F=9A=A9:=20udemy=20section2=EC=9D=98?=
 =?UTF-8?q?=2014=EB=B2=88=20=EA=B0=95=EC=9D=98=EB=A5=BC=20=EB=93=A3?=
 =?UTF-8?q?=EA=B3=A0=20=EC=8B=A4=EC=8A=B5=EC=9D=84=20=ED=96=88=EB=8B=A4.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 38 +++++++++++++++++++-------------------
 src/app.ts   | 14 ++++++++++++++
 src/index.ts |  0
 3 files changed, 33 insertions(+), 19 deletions(-)
 create mode 100644 src/app.ts
 delete mode 100644 src/index.ts

diff --git a/package.json b/package.json
index 86385b5..1148aaa 100644
--- a/package.json
+++ b/package.json
@@ -1,20 +1,20 @@
-{
-  "name": "typescript-lecture",
-  "version": "0.0.0",
-  "description": "typescript",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "start": "ts-node src/index.ts",
-    "build": "tsc --build",
-    "clean": "tsc --build --clean"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "typescript": "^5.5.4"
-  },
-  "devDependencies": {
-    "ts-node": "^10.9.2"
-  }
+{
+  "name": "typescript-lecture",
+  "version": "0.0.0",
+  "description": "typescript",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "ts-node src/app.ts",
+    "build": "tsc --build",
+    "clean": "tsc --build --clean"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "typescript": "^5.5.4"
+  },
+  "devDependencies": {
+    "ts-node": "^10.9.2"
+  }
 }
\ No newline at end of file
diff --git a/src/app.ts b/src/app.ts
new file mode 100644
index 0000000..36f14ed
--- /dev/null
+++ b/src/app.ts
@@ -0,0 +1,14 @@
+function add(n1: number, n2: number, showResult: boolean, phrase: string) {
+  if (showResult) {
+    console.log(n1 + n2);
+  } else {
+    return n1 + n2;
+  }
+}
+
+const number1 = 5;
+const number2 = 2.8;
+const printResult = true;
+const resultPhrase = 'Result is: ';
+
+add(number1, number2, printResult, resultPhrase);
\ No newline at end of file
diff --git a/src/index.ts b/src/index.ts
deleted file mode 100644
index e69de29..0000000

From 6dbfd8c1b8cb604e33fed4bea022af71d04d1656 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 01:06:50 +0900
Subject: [PATCH 21/41] =?UTF-8?q?=F0=9F=9A=A9:=20interface=EB=A5=BC=20?=
 =?UTF-8?q?=ED=95=99=EC=8A=B5=ED=95=98=EA=B8=B0=20=EC=9C=84=ED=95=B4=20?=
 =?UTF-8?q?=ED=81=B4=EB=9E=98=EC=8A=A4=EB=A5=BC=20=ED=95=99=EC=8A=B5?=
 =?UTF-8?q?=ED=95=98=EA=B3=A0=20=EC=8B=A4=EC=8A=B5=ED=95=B4=EB=B3=B4?=
 =?UTF-8?q?=EC=95=98=EB=8B=A4.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js             | 33 ++++++++-------------------------
 dist/basics.js          | 16 ----------------
 package.json            |  2 +-
 src/app.js              | 24 ------------------------
 src/app.ts              | 26 +++++++-------------------
 src/basics.ts           | 41 -----------------------------------------
 src/functions.ts        | 24 ------------------------
 src/union-aliases.ts.ts | 31 -------------------------------
 8 files changed, 16 insertions(+), 181 deletions(-)
 delete mode 100644 dist/basics.js
 delete mode 100644 src/app.js
 delete mode 100644 src/basics.ts
 delete mode 100644 src/functions.ts
 delete mode 100644 src/union-aliases.ts.ts

diff --git a/dist/app.js b/dist/app.js
index 2d982eb..d929331 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -1,26 +1,9 @@
 "use strict";
-// const ADMIN = 0;
-// const READ_ONLY = 1;
-// const AUTHOR = 2;
-var Role;
-(function (Role) {
-    Role[Role["ADMIN"] = 0] = "ADMIN";
-    Role[Role["READ_ONLY"] = 1] = "READ_ONLY";
-    Role[Role["AUTHOR"] = 2] = "AUTHOR";
-})(Role || (Role = {}));
-var person = {
-    name: 'Maximilian',
-    age: 30,
-    hobbies: ['Sports', 'Cooking'],
-    role: Role.ADMIN, //0
-};
-person.role = Role.READ_ONLY;
-if (person.role === Role.ADMIN) {
-    console.log(person.role);
-}
-else if (person.role === Role.READ_ONLY) {
-    console.log(person.role);
-}
-else if (person.role === Role.AUTHOR) {
-    console.log(person.role);
-}
+var Department = /** @class */ (function () {
+    function Department(n) {
+        this.name = n;
+    }
+    return Department;
+}());
+var accounting = new Department('Accounting');
+console.log(accounting);
diff --git a/dist/basics.js b/dist/basics.js
deleted file mode 100644
index badc6c2..0000000
--- a/dist/basics.js
+++ /dev/null
@@ -1,16 +0,0 @@
-"use strict";
-function add(n1, n2, showResult, phrase) {
-    var result = n1 + n2; //result는 number라고 추론을 한다.
-    if (showResult) {
-        console.log(result + phrase);
-    }
-    else {
-        return n1 + n2;
-    }
-}
-var number1 = 5;
-var number2 = 2.8;
-var printResult = true;
-var resultPhrase = 'Result is: ';
-// resultPhrase = 0;  //error -> 타입 추론으로 resultPhrase는 string이다. 따라 0이라는 number타입을 할당할 수 없다.
-add(number1, number2, printResult, resultPhrase);
diff --git a/package.json b/package.json
index d8e39e3..3da0a6b 100644
--- a/package.json
+++ b/package.json
@@ -15,4 +15,4 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.5.4"
   }
-}
+}
\ No newline at end of file
diff --git a/src/app.js b/src/app.js
deleted file mode 100644
index a0d2b94..0000000
--- a/src/app.js
+++ /dev/null
@@ -1,24 +0,0 @@
-//항상 유니온 타입을 지정하는 것은 많이 번거롭다. 이에 alias 타입으로 사용자 지정 타입을 정할 수 있다. 즉, 타입을 우리가 다로 별칭으로 만들어 낼 수 있다.
-function combine(n1, n2, resultConversion) {
-    var result;
-    if (typeof n1 === 'number' && typeof n2 === 'number' || resultConversion === 'as-number') {
-        result = +n1 + +n2;
-    }
-    else if (typeof n1 === 'string' && typeof n2 === 'string') {
-        result = n1 + n2;
-    }
-    else {
-        result = n1.toString() + n2.toString();
-    }
-    // if (resultConversion === 'as-number') {
-    //   return +result;
-    // } else {
-    //   return result.toString();
-    // }
-}
-var combineAges = combine(20, 30, 'as-number');
-console.log(combineAges);
-var combinedStringAges = combine('20', '30', 'as-number');
-console.log(combinedStringAges);
-var combineNames = combine('Max', 'Anna', 'as-text');
-console.log(combineNames);
diff --git a/src/app.ts b/src/app.ts
index 00ce4bd..b21e636 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,21 +1,9 @@
-let userInput: unknown;
-
-let userName: string;
-userInput = 5;
-userInput = 'Max';
-
-console.log(typeof userInput);
-
-if (typeof userInput === 'string') {
-  userName = userInput;
+class Department {
+  name: string;
+  constructor(n: string) {
+    this.name = n;
+  }
 }
 
-function generateError(message: string, code: number): never { //:never
-  throw { message: message, errorCode: code };
-} //generateError는 never타입을 반환한다. 이유는 throw 때문인데 절대적으로 값이 변하면 안되기 때문이다. 따라서 never타입은 다음과 같다.
-//never 타입은 어떠한 값도 반환하지 않는 함수의 반환 타입을 나타낸다. 이 타입은 함수가 정상적으로 완료되지 않고 항상 예외를 던지거나 무한 루프에 빠져 끝나지 않는 경우에 사용된다. 오해하지 말아야할 것은 literal type으로 확인을 하면 void로 선언이 되어있지만 throw를 사용하면 무조건으로 never가 반환된다. 따라서 암묵적으로 never를 반환은 하지만 never타입임을 코드에 명시해주는 것이 좋다.
-
-const resultError = generateError('An error occurred!', 500);
-console.log('resultError: ', resultError);  //본래 일반적인 함수라면 undefined를 반환해야한다.
-//하지만 아무것도 반환되는 것이 없다. 이유는 generateError는 never 타입으로 반환이 되기 때문에 컴파일이 중도 정지가 되는 것이다.
-//참고로 throw는 try,catch를 사용해도 무시하지 않고 중도 정지가 된다.
\ No newline at end of file
+const accounting = new Department('Accounting');
+console.log(accounting);
\ No newline at end of file
diff --git a/src/basics.ts b/src/basics.ts
deleted file mode 100644
index ceab1ff..0000000
--- a/src/basics.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-function addTemplate(n1: number, n2: number, showResult: boolean, phrase: string) {
-  const result = n1 + n2; //result는 number라고 추론을 한다.
-  if (showResult) {
-    console.log(result + phrase);
-  } else {
-    return n1 + n2;
-  }
-}
-
-const number1 = 5;
-const number2 = 2.8;
-const printResultTemp = true;
-const resultPhrase = 'Result is: ';
-// resultPhrase = 0;  //error -> 타입 추론으로 resultPhrase는 string이다. 따라 0이라는 number타입을 할당할 수 없다.
-
-addTemplate(number1, number2, printResultTemp, resultPhrase);
-
-const person: {
-  name: string,
-  age: number,
-  hobbies: string[];
-  role: (number | string)[];
-} = {
-  name: 'Maximilian',
-  age: 30,
-  hobbies: ['Sports', 'Cooking'],
-  role: [2, 'author']
-};
-
-person.role.push('admin');
-person.role[1] = 10;
-person.role = [0, 'admin', 'user'];
-
-let favoriteActivities: any[];
-favoriteActivities = ['Sports', 1];
-
-console.log(person.name);
-
-for (const hobby of person.hobbies) {
-  console.log(hobby);
-}
diff --git a/src/functions.ts b/src/functions.ts
deleted file mode 100644
index d6fe4fb..0000000
--- a/src/functions.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-function add(n1: number, n2: number): number {
-  return n1 + n2;
-}
-
-function printResult(num: number): void {
-  console.log('Result: ', +num);
-}
-
-function addAndHandle(n1: number, n2: number, cd: (num: number) => void) {
-  const result = n1 + n2;
-  return cd(result);
-}
-
-const test = addAndHandle(10, 20, (result) => {
-  console.log(result);
-  return result;
-});
-
-console.log(test);
-printResult(add(1, 2));
-
-let result: (a: number, b: number) => number;
-result = add;
-console.log(result(1, 2));
diff --git a/src/union-aliases.ts.ts b/src/union-aliases.ts.ts
deleted file mode 100644
index 05537bd..0000000
--- a/src/union-aliases.ts.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-type Combinable = number | string;
-type ConversionCustom = 'as-number' | 'as-text';
-
-function combine(
-  n1: Combinable,
-  n2: Combinable,
-  resultConversion: ConversionCustom,
-) {
-  let result;
-  if (typeof n1 === 'number' && typeof n2 === 'number' || resultConversion === 'as-number') {
-    result = +n1 + +n2;
-  } else if (typeof n1 === 'string' && typeof n2 === 'string') {
-    result = n1 + n2;
-  } else {
-    result = n1.toString() + n2.toString();
-  }
-  // if (resultConversion === 'as-number') {
-  //   return +result;
-  // } else {
-  //   return result.toString();
-  // }
-}
-
-const combineAges = combine(20, 30, 'as-number');
-console.log(combineAges);
-
-const combinedStringAges = combine('20', '30', 'as-number');
-console.log(combinedStringAges);
-
-const combineNames = combine('Max', 'Anna', 'as-text');
-console.log(combineNames);

From a63622c702d3add33adf3a0427624fed8e3d3f7b Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 01:26:56 +0900
Subject: [PATCH 22/41] =?UTF-8?q?=F0=9F=9A=A9:=20dist=EC=9D=98=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8C=8C=EC=9D=BC=EB=90=9C=20js=EB=A5=BC=20=ED=99=95=EC=9D=B8?=
 =?UTF-8?q?=ED=95=98=EA=B8=B0=20=EC=9C=84=ED=95=B4=EC=84=9C=20es5=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20es6=EB=A1=9C=20ts.config=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js   | 9 ++++-----
 tsconfig.json | 2 +-
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index d929331..8c17c20 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -1,9 +1,8 @@
 "use strict";
-var Department = /** @class */ (function () {
-    function Department(n) {
+class Department {
+    constructor(n) {
         this.name = n;
     }
-    return Department;
-}());
-var accounting = new Department('Accounting');
+}
+const accounting = new Department('Accounting');
 console.log(accounting);
diff --git a/tsconfig.json b/tsconfig.json
index 4dbf482..258711b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
 "compilerOptions": {
-  "target": "es5",
+  "target": "es6",
   "lib": [
     "dom",
     "dom.iterable",

From e0853e12057c1e95fa82ec2a94c0e6eee481bd2a Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 01:34:41 +0900
Subject: [PATCH 23/41] =?UTF-8?q?=F0=9F=9A=A9:=20es6=EC=97=90=EC=84=9C=20e?=
 =?UTF-8?q?s5=EB=A1=9C=20=EC=BB=B4=ED=8C=8C=EC=9D=BC=20target=EC=9D=84=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js   | 9 +++++----
 tsconfig.json | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index 8c17c20..d929331 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -1,8 +1,9 @@
 "use strict";
-class Department {
-    constructor(n) {
+var Department = /** @class */ (function () {
+    function Department(n) {
         this.name = n;
     }
-}
-const accounting = new Department('Accounting');
+    return Department;
+}());
+var accounting = new Department('Accounting');
 console.log(accounting);
diff --git a/tsconfig.json b/tsconfig.json
index 258711b..4dbf482 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
 "compilerOptions": {
-  "target": "es6",
+  "target": "es5",
   "lib": [
     "dom",
     "dom.iterable",

From fc69d9e9ade20c174cc08945120ec895081c8f05 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 02:57:23 +0900
Subject: [PATCH 24/41] =?UTF-8?q?=F0=9F=9A=A9:=20this=EB=A5=BC=20=EC=82=AC?=
 =?UTF-8?q?=EC=9A=A9=ED=95=B4=EC=84=9C=20=EC=B6=9C=EB=A0=A5=ED=95=9C=20cla?=
 =?UTF-8?q?ss=20=EB=82=B4=20=EC=A0=84=EC=97=AD=20name=20=ED=94=84=EB=A1=9C?=
 =?UTF-8?q?=ED=8D=BC=ED=8B=B0=20=EC=A0=95=EC=83=81=20=EC=B6=9C=EB=A0=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js | 5 ++++-
 src/app.ts  | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index d929331..c5c7c90 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -3,7 +3,10 @@ var Department = /** @class */ (function () {
     function Department(n) {
         this.name = n;
     }
+    Department.prototype.describe = function () {
+        console.log("Department: " + this.name);
+    };
     return Department;
 }());
 var accounting = new Department('Accounting');
-console.log(accounting);
+accounting.describe();
diff --git a/src/app.ts b/src/app.ts
index b21e636..9a7946b 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -3,7 +3,10 @@ class Department {
   constructor(n: string) {
     this.name = n;
   }
+  describe() {
+    console.log(`Department: ` + this.name)
+  }
 }
 
 const accounting = new Department('Accounting');
-console.log(accounting);
\ No newline at end of file
+accounting.describe();

From 32a01461ce0f2d1bbebe596cc4261fad3dbbbbb5 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 02:58:27 +0900
Subject: [PATCH 25/41] =?UTF-8?q?=F0=9F=9A=A9:=20this=ED=82=A4=EC=9B=8C?=
 =?UTF-8?q?=EB=93=9C=EB=A5=BC=20=EB=8B=A4=EC=8B=9C=20=ED=95=9C=EB=B2=88=20?=
 =?UTF-8?q?=EA=B0=9D=EC=B2=B4=EB=A1=9C=20=EA=B0=90=EC=8B=BC=20=EB=B3=B5?=
 =?UTF-8?q?=EC=A0=9C=20=ED=95=A8=EC=88=98=20=ED=95=A0=EB=8B=B9=20=ED=9B=84?=
 =?UTF-8?q?=20=EC=B6=9C=EB=A0=A5=20undefined=20=EA=B2=B0=EA=B3=BC=20?=
 =?UTF-8?q?=ED=99=95=EC=9D=B8,=20this=EB=A5=BC=20=EC=82=AC=EC=9A=A9?=
 =?UTF-8?q?=EC=8B=9C=20=EC=A3=BC=EC=9D=98=20=EC=82=AC=ED=95=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js | 2 ++
 src/app.ts  | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/dist/app.js b/dist/app.js
index c5c7c90..c699b5c 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -10,3 +10,5 @@ var Department = /** @class */ (function () {
 }());
 var accounting = new Department('Accounting');
 accounting.describe();
+var accountingCopy = { describe: accounting.describe };
+accountingCopy.describe;
diff --git a/src/app.ts b/src/app.ts
index 9a7946b..993a8e8 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -10,3 +10,7 @@ class Department {
 
 const accounting = new Department('Accounting');
 accounting.describe();
+
+const accountingCopy = { describe: accounting.describe };
+
+accountingCopy.describe;
\ No newline at end of file

From 61ff6bffc352345f4fa4daf89c3c8aacf0b17182 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 02:59:37 +0900
Subject: [PATCH 26/41] =?UTF-8?q?=F0=9F=9A=A9:=20undefined=20=EC=9E=AC?=
 =?UTF-8?q?=ED=99=95=EC=9D=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js | 2 +-
 src/app.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index c699b5c..11ea4b0 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -11,4 +11,4 @@ var Department = /** @class */ (function () {
 var accounting = new Department('Accounting');
 accounting.describe();
 var accountingCopy = { describe: accounting.describe };
-accountingCopy.describe;
+accountingCopy.describe();
diff --git a/src/app.ts b/src/app.ts
index 993a8e8..b7bdead 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -13,4 +13,4 @@ accounting.describe();
 
 const accountingCopy = { describe: accounting.describe };
 
-accountingCopy.describe;
\ No newline at end of file
+accountingCopy.describe();
\ No newline at end of file

From 8416f2b0db886da376a900925b1a37eeb24c383e Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 03:08:57 +0900
Subject: [PATCH 27/41] =?UTF-8?q?=F0=9F=9A=A9:=20=EB=B3=B5=EC=A0=9C?=
 =?UTF-8?q?=ED=95=9C=20class=EC=9D=98=20=ED=95=A8=EC=88=98=EB=A5=BC=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9=20=EA=B0=80=EB=8A=A5=ED=95=98=EA=B2=8C=20?=
 =?UTF-8?q?=ED=95=98=EA=B8=B0=20=EC=9C=84=ED=95=9C=20=EB=B0=A9=EB=B2=95?=
 =?UTF-8?q?=EA=B3=BC=20=EC=97=90=EB=9F=AC=20=EC=9E=84=EC=8B=9C=EC=A0=81?=
 =?UTF-8?q?=EC=9D=B8=20=ED=95=B4=EA=B2=B0=20=EB=8B=A8,=20=EB=98=91?=
 =?UTF-8?q?=EA=B0=99=EC=9D=B4=20=EA=B5=AC=ED=98=84=20=EB=B6=88=EA=B0=80?=
 =?UTF-8?q?=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js | 5 ++++-
 src/app.ts  | 7 +++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index 11ea4b0..91ba1e6 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -10,5 +10,8 @@ var Department = /** @class */ (function () {
 }());
 var accounting = new Department('Accounting');
 accounting.describe();
-var accountingCopy = { describe: accounting.describe };
+var accountingCopy = { name: 'newName', describe: accounting.describe };
+//여기서 undefined를 출력하는 이유는 describe가 참조하는 것이 무엇인지 알 수 없기 때문이다.
+//따라서 accountingCopy와 같이 새로운 객체로 재생성을 해서 할당하기 위해서는 class의 describe함수의 매개변수에
+//this를 넣고 타입지정을 Department로 설정한 뒤(즉, 청사진을 참조하게 설정) accountingCopy에 name 프로퍼티를 기입, 할당해줘야 한다.
 accountingCopy.describe();
diff --git a/src/app.ts b/src/app.ts
index b7bdead..05e066f 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -3,7 +3,7 @@ class Department {
   constructor(n: string) {
     this.name = n;
   }
-  describe() {
+  describe(this: Department) {
     console.log(`Department: ` + this.name)
   }
 }
@@ -11,6 +11,9 @@ class Department {
 const accounting = new Department('Accounting');
 accounting.describe();
 
-const accountingCopy = { describe: accounting.describe };
+const accountingCopy = { name: 'newName', describe: accounting.describe };
+//여기서 undefined를 출력하는 이유는 describe가 참조하는 것이 무엇인지 알 수 없기 때문이다.
+//따라서 accountingCopy와 같이 새로운 객체로 재생성을 해서 할당하기 위해서는 class의 describe함수의 매개변수에
+//this를 넣고 타입지정을 Department로 설정한 뒤(즉, 청사진을 참조하게 설정) accountingCopy에 name 프로퍼티를 기입, 할당해줘야 한다.
 
 accountingCopy.describe();
\ No newline at end of file

From cbdaa30ece3c5d35a9f211e55dbf19fd76447340 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 15:17:35 +0900
Subject: [PATCH 28/41] =?UTF-8?q?=F0=9F=9A=A9:=20=EB=B0=B0=EC=97=B4=20?=
 =?UTF-8?q?=ED=94=84=EB=A1=9C=ED=8D=BC=ED=8B=B0=EC=97=90=20=EC=A0=91?=
 =?UTF-8?q?=EA=B7=BC=ED=95=98=EB=8A=94=20=EB=91=90=20=EA=B0=80=EC=A7=80=20?=
 =?UTF-8?q?=EB=B0=A9=EC=8B=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js  | 18 +++++++++++++-----
 package.json |  1 +
 src/app.ts   | 23 +++++++++++++++++------
 3 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index 91ba1e6..78310a4 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -1,17 +1,25 @@
 "use strict";
 var Department = /** @class */ (function () {
     function Department(n) {
+        this.employees = [];
         this.name = n;
     }
     Department.prototype.describe = function () {
         console.log("Department: " + this.name);
     };
+    Department.prototype.addEmployee = function (employee) {
+        this.employees.push(employee);
+    };
+    Department.prototype.printEmployeeInformation = function () {
+        console.log(this.employees.length);
+        console.log(this.employees);
+    };
     return Department;
 }());
 var accounting = new Department('Accounting');
+accounting.addEmployee('Max');
+accounting.addEmployee('Manu');
+accounting.employees[2] = 'Anna';
+//위와 같은 방식으로 코드를 작성하고 실행해도 정상적으로 동작을 하지만 복잡한 코드에서 위와 같은 방식은 좋은 방식이 아니다. 따라서 employee를 접근할 수 없게 해야한다. 따라 접근 범위를 제한할 수 있는 private를 사용하면 된다.
 accounting.describe();
-var accountingCopy = { name: 'newName', describe: accounting.describe };
-//여기서 undefined를 출력하는 이유는 describe가 참조하는 것이 무엇인지 알 수 없기 때문이다.
-//따라서 accountingCopy와 같이 새로운 객체로 재생성을 해서 할당하기 위해서는 class의 describe함수의 매개변수에
-//this를 넣고 타입지정을 Department로 설정한 뒤(즉, 청사진을 참조하게 설정) accountingCopy에 name 프로퍼티를 기입, 할당해줘야 한다.
-accountingCopy.describe();
+accounting.printEmployeeInformation();
diff --git a/package.json b/package.json
index 3da0a6b..0d16423 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "main": "app.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
+    "watch": "tsc -w",
     "start": "ts-node src/app.ts",
     "build": "tsc --build",
     "clean": "tsc --build --clean"
diff --git a/src/app.ts b/src/app.ts
index 05e066f..6ccc93a 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,19 +1,30 @@
 class Department {
   name: string;
+  employees: string[] = [];
   constructor(n: string) {
     this.name = n;
   }
   describe(this: Department) {
     console.log(`Department: ` + this.name)
   }
+
+  addEmployee(employee: string) {
+    this.employees.push(employee);
+  }
+
+  printEmployeeInformation() {
+    console.log(this.employees.length);
+    console.log(this.employees);
+  }
 }
 
 const accounting = new Department('Accounting');
-accounting.describe();
 
-const accountingCopy = { name: 'newName', describe: accounting.describe };
-//여기서 undefined를 출력하는 이유는 describe가 참조하는 것이 무엇인지 알 수 없기 때문이다.
-//따라서 accountingCopy와 같이 새로운 객체로 재생성을 해서 할당하기 위해서는 class의 describe함수의 매개변수에
-//this를 넣고 타입지정을 Department로 설정한 뒤(즉, 청사진을 참조하게 설정) accountingCopy에 name 프로퍼티를 기입, 할당해줘야 한다.
+accounting.addEmployee('Max');
+accounting.addEmployee('Manu');
+
+accounting.employees[2] = 'Anna';
+//위와 같은 방식으로 코드를 작성하고 실행해도 정상적으로 동작을 하지만 복잡한 코드에서 위와 같은 방식은 좋은 방식이 아니다. 따라서 employee를 접근할 수 없게 해야한다. 따라 접근 범위를 제한할 수 있는 private를 사용하면 된다.
 
-accountingCopy.describe();
\ No newline at end of file
+accounting.describe();
+accounting.printEmployeeInformation();
\ No newline at end of file

From 24ebd7d8f55103f6e840f2db5f259709b32ce7ae Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 15:19:49 +0900
Subject: [PATCH 29/41] =?UTF-8?q?=F0=9F=9A=A9:=20private=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=EC=9C=BC=EB=A1=9C=20employees[N]=EC=97=90=20=EA=B0=92?=
 =?UTF-8?q?=EC=9D=84=20=ED=95=A0=EB=8B=B9=ED=95=A0=EC=88=98=20=EC=97=86?=
 =?UTF-8?q?=EB=8B=A4.=20error?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js | 3 ++-
 src/app.ts  | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index 78310a4..c0cb62b 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -19,7 +19,8 @@ var Department = /** @class */ (function () {
 var accounting = new Department('Accounting');
 accounting.addEmployee('Max');
 accounting.addEmployee('Manu');
-accounting.employees[2] = 'Anna';
+//accounting.employees[2] = 'Anna'; //employee private 설정으로 error 발생
 //위와 같은 방식으로 코드를 작성하고 실행해도 정상적으로 동작을 하지만 복잡한 코드에서 위와 같은 방식은 좋은 방식이 아니다. 따라서 employee를 접근할 수 없게 해야한다. 따라 접근 범위를 제한할 수 있는 private를 사용하면 된다.
+// private는 class 내에서만 접근이 가능하고 외부에서는 접근할수 없다.
 accounting.describe();
 accounting.printEmployeeInformation();
diff --git a/src/app.ts b/src/app.ts
index 6ccc93a..ba0d7c5 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,6 +1,6 @@
 class Department {
   name: string;
-  employees: string[] = [];
+  private employees: string[] = [];
   constructor(n: string) {
     this.name = n;
   }
@@ -23,8 +23,8 @@ const accounting = new Department('Accounting');
 accounting.addEmployee('Max');
 accounting.addEmployee('Manu');
 
-accounting.employees[2] = 'Anna';
+//accounting.employees[2] = 'Anna'; //employee private 설정으로 error 발생
 //위와 같은 방식으로 코드를 작성하고 실행해도 정상적으로 동작을 하지만 복잡한 코드에서 위와 같은 방식은 좋은 방식이 아니다. 따라서 employee를 접근할 수 없게 해야한다. 따라 접근 범위를 제한할 수 있는 private를 사용하면 된다.
-
+// private는 class 내에서만 접근이 가능하고 외부에서는 접근할수 없다.
 accounting.describe();
 accounting.printEmployeeInformation();
\ No newline at end of file

From c7ed4039799d65fcc731ad830f0415f5ea2974b8 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 15:25:10 +0900
Subject: [PATCH 30/41] =?UTF-8?q?=F0=9F=9A=A9:=20=EB=9F=B0=ED=83=80?=
 =?UTF-8?q?=EC=9E=84=EA=B3=BC=20=EC=BB=B4=ED=8C=8C=EC=9D=BC=20=EA=B3=BC?=
 =?UTF-8?q?=EC=A0=95=EC=9D=98=20private=20=EC=98=81=ED=96=A5=EC=9D=84=20ts?=
 =?UTF-8?q?,=20js=20=ED=8C=8C=EC=9D=BC=EC=97=90=EC=84=9C=20=ED=99=95?=
 =?UTF-8?q?=EC=9D=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js | 4 +++-
 src/app.ts  | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index c0cb62b..a09f603 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -19,8 +19,10 @@ var Department = /** @class */ (function () {
 var accounting = new Department('Accounting');
 accounting.addEmployee('Max');
 accounting.addEmployee('Manu');
-//accounting.employees[2] = 'Anna'; //employee private 설정으로 error 발생
+accounting.employees[2] = 'Anna'; //employee private 설정으로 error 발생
 //위와 같은 방식으로 코드를 작성하고 실행해도 정상적으로 동작을 하지만 복잡한 코드에서 위와 같은 방식은 좋은 방식이 아니다. 따라서 employee를 접근할 수 없게 해야한다. 따라 접근 범위를 제한할 수 있는 private를 사용하면 된다.
+//TSError: ⨯ Unable to compile TypeScript: src / app.ts: 26: 12 - error TS2341: Property 'employees' is private and only accessible within class 'Department'.
 // private는 class 내에서만 접근이 가능하고 외부에서는 접근할수 없다.
+// 단, 해당 error 부분은 컴파일할 때는 문제가 없이 동작해서 app.js에서 확인은 가능하지만 런타임 과정에서는 error를 발생시킨다.
 accounting.describe();
 accounting.printEmployeeInformation();
diff --git a/src/app.ts b/src/app.ts
index ba0d7c5..d092d4b 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -23,8 +23,10 @@ const accounting = new Department('Accounting');
 accounting.addEmployee('Max');
 accounting.addEmployee('Manu');
 
-//accounting.employees[2] = 'Anna'; //employee private 설정으로 error 발생
+accounting.employees[2] = 'Anna'; //employee private 설정으로 error 발생
 //위와 같은 방식으로 코드를 작성하고 실행해도 정상적으로 동작을 하지만 복잡한 코드에서 위와 같은 방식은 좋은 방식이 아니다. 따라서 employee를 접근할 수 없게 해야한다. 따라 접근 범위를 제한할 수 있는 private를 사용하면 된다.
+//TSError: ⨯ Unable to compile TypeScript: src / app.ts: 26: 12 - error TS2341: Property 'employees' is private and only accessible within class 'Department'.
 // private는 class 내에서만 접근이 가능하고 외부에서는 접근할수 없다.
+// 단, 해당 error 부분은 컴파일할 때는 문제가 없이 동작해서 app.js에서 확인은 가능하지만 런타임 과정에서는 error를 발생시킨다.
 accounting.describe();
 accounting.printEmployeeInformation();
\ No newline at end of file

From 01311f2fd349cb4fba22c8b1f7f3a0fb1c62a0ff Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 16:41:52 +0900
Subject: [PATCH 31/41] =?UTF-8?q?=F0=9F=9A=A9:=20private=EB=A5=BC=20?=
 =?UTF-8?q?=EC=9D=BC=EB=B0=98=EC=A0=81=EC=9C=BC=EB=A1=9C=20constructor?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=82=AC=EC=9A=A9=ED=95=98=EB=8A=94=20?=
 =?UTF-8?q?=EB=B0=A9=EB=B2=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js | 11 ++++-------
 src/app.ts  | 17 ++++++++---------
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index a09f603..2238396 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -1,7 +1,8 @@
 "use strict";
 var Department = /** @class */ (function () {
-    function Department(n) {
+    function Department(id, n) {
         this.employees = [];
+        this.id = id;
         this.name = n;
     }
     Department.prototype.describe = function () {
@@ -16,13 +17,9 @@ var Department = /** @class */ (function () {
     };
     return Department;
 }());
-var accounting = new Department('Accounting');
+var accounting = new Department('1', 'Accounting');
 accounting.addEmployee('Max');
 accounting.addEmployee('Manu');
-accounting.employees[2] = 'Anna'; //employee private 설정으로 error 발생
-//위와 같은 방식으로 코드를 작성하고 실행해도 정상적으로 동작을 하지만 복잡한 코드에서 위와 같은 방식은 좋은 방식이 아니다. 따라서 employee를 접근할 수 없게 해야한다. 따라 접근 범위를 제한할 수 있는 private를 사용하면 된다.
-//TSError: ⨯ Unable to compile TypeScript: src / app.ts: 26: 12 - error TS2341: Property 'employees' is private and only accessible within class 'Department'.
-// private는 class 내에서만 접근이 가능하고 외부에서는 접근할수 없다.
-// 단, 해당 error 부분은 컴파일할 때는 문제가 없이 동작해서 app.js에서 확인은 가능하지만 런타임 과정에서는 error를 발생시킨다.
+accounting.employees[2] = 'Anna';
 accounting.describe();
 accounting.printEmployeeInformation();
diff --git a/src/app.ts b/src/app.ts
index d092d4b..c1e6a99 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,8 +1,11 @@
 class Department {
-  name: string;
+  private id: string;
+  private name: string;
   private employees: string[] = [];
-  constructor(n: string) {
-    this.name = n;
+
+  constructor(id: string, n: string) {
+    this.id = id;
+    this.name = n
   }
   describe(this: Department) {
     console.log(`Department: ` + this.name)
@@ -18,15 +21,11 @@ class Department {
   }
 }
 
-const accounting = new Department('Accounting');
+const accounting = new Department('1', 'Accounting');
 
 accounting.addEmployee('Max');
 accounting.addEmployee('Manu');
 
-accounting.employees[2] = 'Anna'; //employee private 설정으로 error 발생
-//위와 같은 방식으로 코드를 작성하고 실행해도 정상적으로 동작을 하지만 복잡한 코드에서 위와 같은 방식은 좋은 방식이 아니다. 따라서 employee를 접근할 수 없게 해야한다. 따라 접근 범위를 제한할 수 있는 private를 사용하면 된다.
-//TSError: ⨯ Unable to compile TypeScript: src / app.ts: 26: 12 - error TS2341: Property 'employees' is private and only accessible within class 'Department'.
-// private는 class 내에서만 접근이 가능하고 외부에서는 접근할수 없다.
-// 단, 해당 error 부분은 컴파일할 때는 문제가 없이 동작해서 app.js에서 확인은 가능하지만 런타임 과정에서는 error를 발생시킨다.
+accounting.employees[2] = 'Anna';
 accounting.describe();
 accounting.printEmployeeInformation();
\ No newline at end of file

From 263c7771c209805a6b725d234bcf105e283a3878 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 16:45:03 +0900
Subject: [PATCH 32/41] =?UTF-8?q?=F0=9F=9A=A9:=20constructor=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=EC=9E=90=20=EB=82=B4=EB=B6=80=EC=97=90=20=EB=94=B0?=
 =?UTF-8?q?=EB=A1=9C=20=EC=84=A0=EC=96=B8=ED=95=98=EC=A7=80=20=EC=95=8A?=
 =?UTF-8?q?=EA=B3=A0=20=EB=A7=A4=EA=B0=9C=EB=B3=80=EC=88=98=EB=A1=9C=20?=
 =?UTF-8?q?=EC=84=A0=EC=96=B8=ED=95=98=EB=8A=94=20=EA=B0=84=EB=8B=A8?=
 =?UTF-8?q?=ED=95=9C=20=EB=B0=A9=EB=B2=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js | 14 +++++++++-----
 src/app.ts  | 14 +++++++-------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index 2238396..dbda66a 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -1,12 +1,16 @@
 "use strict";
 var Department = /** @class */ (function () {
-    function Department(id, n) {
-        this.employees = [];
+    function Department(id, name) {
         this.id = id;
-        this.name = n;
+        this.name = name;
+        // private id: string;
+        // private name: string;
+        this.employees = [];
+        // this.id = id;
+        // this.name = n
     }
     Department.prototype.describe = function () {
-        console.log("Department: " + this.name);
+        console.log("Department (".concat(this.id, "): ").concat(this.name));
     };
     Department.prototype.addEmployee = function (employee) {
         this.employees.push(employee);
@@ -20,6 +24,6 @@ var Department = /** @class */ (function () {
 var accounting = new Department('1', 'Accounting');
 accounting.addEmployee('Max');
 accounting.addEmployee('Manu');
-accounting.employees[2] = 'Anna';
+// accounting.employees[2] = 'Anna';
 accounting.describe();
 accounting.printEmployeeInformation();
diff --git a/src/app.ts b/src/app.ts
index c1e6a99..cd75331 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,14 +1,14 @@
 class Department {
-  private id: string;
-  private name: string;
+  // private id: string;
+  // private name: string;
   private employees: string[] = [];
 
-  constructor(id: string, n: string) {
-    this.id = id;
-    this.name = n
+  constructor(private id: string, public name: string) {
+    // this.id = id;
+    // this.name = n
   }
   describe(this: Department) {
-    console.log(`Department: ` + this.name)
+    console.log(`Department (${this.id}): ${this.name}`);
   }
 
   addEmployee(employee: string) {
@@ -26,6 +26,6 @@ const accounting = new Department('1', 'Accounting');
 accounting.addEmployee('Max');
 accounting.addEmployee('Manu');
 
-accounting.employees[2] = 'Anna';
+// accounting.employees[2] = 'Anna';
 accounting.describe();
 accounting.printEmployeeInformation();
\ No newline at end of file

From 85531b38e47ff4bd2b7e52bfcfb9a61d141dff97 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Sat, 21 Sep 2024 17:02:34 +0900
Subject: [PATCH 33/41] =?UTF-8?q?=F0=9F=9A=A9:=20readonly=EC=9D=98=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9=EB=B0=A9=EB=B2=95=EA=B3=BC=20build=EB=90=9C?=
 =?UTF-8?q?=20app.js=EC=97=90=EC=84=9C=20=ED=99=95=EC=9D=B8=ED=95=A0=20?=
 =?UTF-8?q?=EC=88=98=20=EC=9E=88=EB=8A=94=20property=20=ED=82=A4=EC=9B=8C?=
 =?UTF-8?q?=EB=93=9C=20=ED=99=95=EC=9D=B8=20=EB=B0=8F=20=EC=8B=A4=EC=8A=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/app.js | 2 ++
 src/app.ts  | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/dist/app.js b/dist/app.js
index dbda66a..fa5b1c1 100644
--- a/dist/app.js
+++ b/dist/app.js
@@ -1,5 +1,6 @@
 "use strict";
 var Department = /** @class */ (function () {
+    // readonly는 프로퍼티를 초기화한 후 수정할 수 없다. 즉, 한번 할당 되면 변경되면 안되는 고유 번호들을 설정할 때 readonly를 사용한다.
     function Department(id, name) {
         this.id = id;
         this.name = name;
@@ -13,6 +14,7 @@ var Department = /** @class */ (function () {
         console.log("Department (".concat(this.id, "): ").concat(this.name));
     };
     Department.prototype.addEmployee = function (employee) {
+        // this.id = '2';  // readonly이기 때문에 error가 발생한다.
         this.employees.push(employee);
     };
     Department.prototype.printEmployeeInformation = function () {
diff --git a/src/app.ts b/src/app.ts
index cd75331..d7608af 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -2,8 +2,8 @@ class Department {
   // private id: string;
   // private name: string;
   private employees: string[] = [];
-
-  constructor(private id: string, public name: string) {
+  // readonly는 프로퍼티를 초기화한 후 수정할 수 없다. 즉, 한번 할당 되면 변경되면 안되는 고유 번호들을 설정할 때 readonly를 사용한다.
+  constructor(private readonly id: string, public name: string) {
     // this.id = id;
     // this.name = n
   }
@@ -12,6 +12,7 @@ class Department {
   }
 
   addEmployee(employee: string) {
+    // this.id = '2';  // readonly이기 때문에 error가 발생한다.
     this.employees.push(employee);
   }
 

From 59c1851bdf9cb0c1f96f051e6f74a957dd1820af Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Mon, 23 Sep 2024 14:59:22 +0900
Subject: [PATCH 34/41] =?UTF-8?q?=F0=9F=9A=A9:=20=EC=83=81=EC=86=8D?=
 =?UTF-8?q?=EC=9D=84=20=EA=B5=AC=ED=98=84=ED=95=98=EA=B3=A0=20=EC=8B=A4?=
 =?UTF-8?q?=EC=8A=B5=ED=95=B4=EB=B3=B4=EC=95=98=EB=8B=A4.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.ts | 37 +++++++++++++++++++++++++++++++++----
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/src/app.ts b/src/app.ts
index d7608af..bed1493 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -22,11 +22,40 @@ class Department {
   }
 }
 
+class ITDepartment extends Department {
+  admins: string[];
+  constructor(id: string, public admin: string[]) {
+    super(id, 'IT');
+    this.admins = admin;
+  }
+}
+
+class AccountingDepartment extends Department {
+  constructor(id: string, private reports: string[]) {
+    super(id, 'Account');
+  }
+
+  addReport(text: string) {
+    this.reports.push(text);
+  }
+
+  printReports() {
+    console.log(this.reports);
+  }
+}
+
 const accounting = new Department('1', 'Accounting');
+const ITaccounting = new ITDepartment('2', ['Max']);
 
-accounting.addEmployee('Max');
-accounting.addEmployee('Manu');
+ITaccounting.addEmployee('Max');
+ITaccounting.addEmployee('Manu');
 
 // accounting.employees[2] = 'Anna';
-accounting.describe();
-accounting.printEmployeeInformation();
\ No newline at end of file
+ITaccounting.describe();
+ITaccounting.printEmployeeInformation();
+
+const NewAccounting = new AccountingDepartment('d2', []);
+
+NewAccounting.addReport('Something went wrong...');
+
+NewAccounting.printReports();
\ No newline at end of file

From eaa0d8b009f36979706e54f794fd45a754e883e1 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Mon, 23 Sep 2024 15:44:01 +0900
Subject: [PATCH 35/41] =?UTF-8?q?=F0=9F=9A=A9:=20getter=EC=99=80=20setter?=
 =?UTF-8?q?=20=ED=95=99=EC=8A=B5=20=EB=B0=8F=20=EC=8B=A4=EC=8A=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.ts | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/app.ts b/src/app.ts
index bed1493..4f63cc5 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -24,15 +24,34 @@ class Department {
 
 class ITDepartment extends Department {
   admins: string[];
-  constructor(id: string, public admin: string[]) {
+  constructor(id: string, admins: string[]) {
     super(id, 'IT');
-    this.admins = admin;
+    this.admins = admins;
   }
 }
 
 class AccountingDepartment extends Department {
+  private lastReport: string;
+
+  get mostRecentReport() {
+    if (this.lastReport) {
+      return this.lastReport;
+    }
+    throw new Error('No report found.');
+  }
+
+  set setMostRecentReport(value: string) {
+    if (!value) {
+      throw new Error('Please pass in a valid value!')
+    }
+    this.addReport(value);
+    this.lastReport = value;  // 여기서 lastReport를 업데이트 그래야 lastReport가 비어있지 않기 때문에 정상적으로 동작을 한다.
+  }
+
   constructor(id: string, private reports: string[]) {
     super(id, 'Account');
+    //strictPropertyInitialization 활성화로 초기화 해줘야 함.
+    this.lastReport = reports[0] || ""; // 초기값을 할당 (reports가 비어있으면 빈 문자열)
   }
 
   addReport(text: string) {
@@ -56,6 +75,10 @@ ITaccounting.printEmployeeInformation();
 
 const NewAccounting = new AccountingDepartment('d2', []);
 
+// console.log(NewAccounting.mostRecentReport);  //report가 추가되지 않아서 Error
+NewAccounting.setMostRecentReport = 'Year End Report';
 NewAccounting.addReport('Something went wrong...');
 
+console.log(NewAccounting.mostRecentReport);  //report가 있어서 문제없이 출력
+
 NewAccounting.printReports();
\ No newline at end of file

From d43035759174180435d10dbce5c4b8e359c53002 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Mon, 23 Sep 2024 16:02:57 +0900
Subject: [PATCH 36/41] =?UTF-8?q?=F0=9F=9A=A9:=20new=ED=82=A4=EC=9B=8C?=
 =?UTF-8?q?=EB=93=9C,=20=EC=9D=B8=EC=8A=A4=ED=84=B4=EC=8A=A4=EB=A5=BC=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9=ED=95=98=EC=A7=80=20=EC=95=8A=EA=B3=A0=20?=
 =?UTF-8?q?=EB=B0=94=EB=A1=9C=20=EC=82=AC=EC=9A=A9=ED=95=A0=20=EC=88=98=20?=
 =?UTF-8?q?=EC=9E=88=EB=8A=94=20class=20Math=EC=99=80=20=EA=B0=99=EC=9D=B4?=
 =?UTF-8?q?=20=EC=BD=94=EB=93=9C=EB=A5=BC=20=EA=B5=AC=ED=98=84=ED=95=B4=20?=
 =?UTF-8?q?=EB=B3=BC=20=EA=B2=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.ts | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app.ts b/src/app.ts
index 4f63cc5..5143ac4 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -7,6 +7,7 @@ class Department {
     // this.id = id;
     // this.name = n
   }
+
   describe(this: Department) {
     console.log(`Department (${this.id}): ${this.name}`);
   }
@@ -45,13 +46,12 @@ class AccountingDepartment extends Department {
       throw new Error('Please pass in a valid value!')
     }
     this.addReport(value);
-    this.lastReport = value;  // 여기서 lastReport를 업데이트 그래야 lastReport가 비어있지 않기 때문에 정상적으로 동작을 한다.
+    this.lastReport = value;
   }
 
   constructor(id: string, private reports: string[]) {
     super(id, 'Account');
-    //strictPropertyInitialization 활성화로 초기화 해줘야 함.
-    this.lastReport = reports[0] || ""; // 초기값을 할당 (reports가 비어있으면 빈 문자열)
+    this.lastReport = reports[0] || "";
   }
 
   addReport(text: string) {
@@ -66,6 +66,8 @@ class AccountingDepartment extends Department {
 const accounting = new Department('1', 'Accounting');
 const ITaccounting = new ITDepartment('2', ['Max']);
 
+Math.pow(1, 2); //new, 인스턴스를 사용하지 않고 바로 사용할 수 있는 클래스 Math가 있다. 이와 같이 우리의 class도 구현 해볼 것이다. 방법은 static을 사용하는 것이다.
+
 ITaccounting.addEmployee('Max');
 ITaccounting.addEmployee('Manu');
 
@@ -75,10 +77,10 @@ ITaccounting.printEmployeeInformation();
 
 const NewAccounting = new AccountingDepartment('d2', []);
 
-// console.log(NewAccounting.mostRecentReport);  //report가 추가되지 않아서 Error
+// console.log(NewAccounting.mostRecentReport);
 NewAccounting.setMostRecentReport = 'Year End Report';
 NewAccounting.addReport('Something went wrong...');
 
-console.log(NewAccounting.mostRecentReport);  //report가 있어서 문제없이 출력
+console.log(NewAccounting.mostRecentReport);
 
 NewAccounting.printReports();
\ No newline at end of file

From 2fb018e17b0d48f18247b743813e445c58866f82 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Mon, 23 Sep 2024 16:07:50 +0900
Subject: [PATCH 37/41] =?UTF-8?q?=F0=9F=9A=A9:=20=EC=A0=95=EC=A0=81?=
 =?UTF-8?q?=EC=9D=B8=20static=EC=9D=84=20=EC=82=AC=EC=9A=A9=ED=95=B4?=
 =?UTF-8?q?=EC=84=9C=20new,=20=EC=9D=B8=EC=8A=A4=ED=84=B4=EC=8A=A4?=
 =?UTF-8?q?=EB=A5=BC=20=EC=82=AC=EC=9A=A9=ED=95=98=EC=A7=80=20=EC=95=8A?=
 =?UTF-8?q?=EA=B3=A0=20=EB=B0=94=EB=A1=9C=20=ED=95=A8=EC=88=98=20=ED=98=B8?=
 =?UTF-8?q?=EC=B6=9C=20=EB=B0=8F=20=EC=A0=95=EC=A0=81=20=EB=B3=80=EC=88=98?=
 =?UTF-8?q?=20=EC=82=AC=EC=9A=A9=20=EC=98=88=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app.ts b/src/app.ts
index 5143ac4..2fd49b9 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -2,12 +2,17 @@ class Department {
   // private id: string;
   // private name: string;
   private employees: string[] = [];
-  // readonly는 프로퍼티를 초기화한 후 수정할 수 없다. 즉, 한번 할당 되면 변경되면 안되는 고유 번호들을 설정할 때 readonly를 사용한다.
+  static fiscalYear = 2020;
+
   constructor(private readonly id: string, public name: string) {
     // this.id = id;
     // this.name = n
   }
 
+  static createEmployee(name: string) {
+    return { name: name };
+  }
+
   describe(this: Department) {
     console.log(`Department (${this.id}): ${this.name}`);
   }
@@ -68,6 +73,9 @@ const ITaccounting = new ITDepartment('2', ['Max']);
 
 Math.pow(1, 2); //new, 인스턴스를 사용하지 않고 바로 사용할 수 있는 클래스 Math가 있다. 이와 같이 우리의 class도 구현 해볼 것이다. 방법은 static을 사용하는 것이다.
 
+const employees1 = Department.createEmployee('Max');  //정적 메소드 불러오는 방식
+console.log(employees1, Department.fiscalYear);
+
 ITaccounting.addEmployee('Max');
 ITaccounting.addEmployee('Manu');
 

From 39a1432cc8e59538b83f598a3bb10a38d5aec51b Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Mon, 23 Sep 2024 16:11:20 +0900
Subject: [PATCH 38/41] =?UTF-8?q?=F0=9F=9A=A9:=20=EC=A0=95=EC=A0=81?=
 =?UTF-8?q?=EC=9D=B8=20=ED=95=A8=EC=88=98,=20=EB=B3=80=EC=88=98=EB=A5=BC?=
 =?UTF-8?q?=20=ED=81=B4=EB=9E=98=EC=8A=A4,=20=EC=83=9D=EC=84=B1=EC=9E=90?=
 =?UTF-8?q?=20=EB=82=B4=EC=97=90=EC=84=9C=20=EC=A0=95=EC=83=81=EC=A0=81?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EB=8F=99=EC=9E=91=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=EC=9C=84=ED=95=9C=20=EC=A1=B0=EA=B1=B4=EA=B3=BC=20=ED=95=9C?=
 =?UTF-8?q?=EA=B3=84=20=EA=B7=B8=EB=A6=AC=EA=B3=A0=20=EC=A3=BC=EC=9D=98?=
 =?UTF-8?q?=ED=95=A0=20=EC=A0=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app.ts b/src/app.ts
index 2fd49b9..0d87e20 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -7,8 +7,10 @@ class Department {
   constructor(private readonly id: string, public name: string) {
     // this.id = id;
     // this.name = n
+    // console.log(this.fiscalYear); //Error: static은 생성자가 필요 없기 때문에 Error 발생 즉, 생성자 함수, 클래스 내부에서는 static으로 선언된 정적인 함수, 변수는 재정의나 활용이 불가능 
+    //만약 접근을 하려면 해당 클래스를 명시하고 접근을 해야 정상동작
+    console.log(Department.fiscalYear); //정상동작
   }
-
   static createEmployee(name: string) {
     return { name: name };
   }

From 77cd24dea0c0946c01937ae6d76fc0fd47669ba4 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Mon, 23 Sep 2024 16:24:50 +0900
Subject: [PATCH 39/41] =?UTF-8?q?=F0=9F=9A=A9:=20abstract=20=ED=81=B4?=
 =?UTF-8?q?=EB=9E=98=EC=8A=A4=EB=A1=9C=20=EB=B3=80=ED=99=98=20=EB=B0=8F=20?=
 =?UTF-8?q?abstract=EC=97=90=20=ED=95=84=EC=9A=94=ED=95=9C=20=EC=9A=94?=
 =?UTF-8?q?=EA=B7=9C=20=EC=A1=B0=EA=B1=B4=20=ED=99=95=EC=9D=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app.ts b/src/app.ts
index 0d87e20..b9678bc 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,4 +1,4 @@
-class Department {
+abstract class Department {
   // private id: string;
   // private name: string;
   private employees: string[] = [];
@@ -15,9 +15,12 @@ class Department {
     return { name: name };
   }
 
-  describe(this: Department) {
-    console.log(`Department (${this.id}): ${this.name}`);
-  }
+  //abstract인 추상 함수를 사용하라면 해당 class 또한 abstract로 정의 되어야 한다.
+  abstract describe(this: Department): void;  //또한 해당 추상 함수에 어떠한 것도 정의되어 있으면 안된다.
+  //이제 Department와 연관된 모든 클래스들은 Error가 발생할 것이다.
+  // {
+  //   console.log(`Department (${this.id}): ${this.name}`);
+  // }
 
   addEmployee(employee: string) {
     // this.id = '2';  // readonly이기 때문에 error가 발생한다.
@@ -38,6 +41,7 @@ class ITDepartment extends Department {
   }
 }
 
+//
 class AccountingDepartment extends Department {
   private lastReport: string;
 

From 720b1c814dd497f3e479d2716bef59ddcea88f02 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Mon, 23 Sep 2024 16:32:21 +0900
Subject: [PATCH 40/41] =?UTF-8?q?=F0=9F=9A=A9:=20=EC=B6=94=EC=83=81?=
 =?UTF-8?q?=ED=81=B4=EB=9E=98=EC=8A=A4=EC=97=90=20=EC=A0=95=EC=9D=98?=
 =?UTF-8?q?=EB=90=9C=20=EC=B6=94=EC=83=81=20=ED=95=A8=EC=88=98=EB=93=A4?=
 =?UTF-8?q?=EC=9D=84=20=EC=83=81=EC=86=8D=20=EB=B0=9B=EA=B3=A0=20=EC=9E=88?=
 =?UTF-8?q?=EB=8A=94=20=EB=AA=A8=EB=93=A0=20=ED=81=B4=EB=9E=98=EC=8A=A4?=
 =?UTF-8?q?=EB=93=A4=EC=97=90=EA=B2=8C=20=EC=A0=81=EC=9A=A9=20=EB=B0=8F=20?=
 =?UTF-8?q?=ED=99=95=EC=9D=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.ts | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/app.ts b/src/app.ts
index b9678bc..6045725 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,14 +1,14 @@
 abstract class Department {
   // private id: string;
   // private name: string;
-  private employees: string[] = [];
+  //현재 Department는 추상클래스로 id가 다른 클래스에서도 사용 되어야해서 private에서 protected로 접근제한자를 변경
+  protected employees: string[] = []; // employees 변경
   static fiscalYear = 2020;
-
-  constructor(private readonly id: string, public name: string) {
+  // id 변경
+  constructor(protected readonly id: string, public name: string) {
     // this.id = id;
     // this.name = n
-    // console.log(this.fiscalYear); //Error: static은 생성자가 필요 없기 때문에 Error 발생 즉, 생성자 함수, 클래스 내부에서는 static으로 선언된 정적인 함수, 변수는 재정의나 활용이 불가능 
-    //만약 접근을 하려면 해당 클래스를 명시하고 접근을 해야 정상동작
+    // console.log(this.fiscalYear); 
     console.log(Department.fiscalYear); //정상동작
   }
   static createEmployee(name: string) {
@@ -32,16 +32,20 @@ abstract class Department {
     console.log(this.employees);
   }
 }
-
+//이또한 추상 함수를 정의 해줘야한다.
 class ITDepartment extends Department {
   admins: string[];
   constructor(id: string, admins: string[]) {
     super(id, 'IT');
     this.admins = admins;
   }
+  //추상함수 정의
+  describe() {
+    console.log(`Department (${this.id}): ${this.name}`);
+  };
 }
 
-//
+//현재 abstract 클래스, 추상 함수 describe를 상속받고 있는 Department이기에 Error가 발생 따라 abstract 클래스, 함수가 있는경우 해당 abstract 함수, 변수들은 상속 받은 자식들은 필수로 자식 내부에 정의가 되어 있아야한다.
 class AccountingDepartment extends Department {
   private lastReport: string;
 
@@ -64,6 +68,10 @@ class AccountingDepartment extends Department {
     super(id, 'Account');
     this.lastReport = reports[0] || "";
   }
+  //추상함수 정의
+  describe() {
+    console.log(`Department (${this.id}): ${this.name}`);
+  };
 
   addReport(text: string) {
     this.reports.push(text);
@@ -74,11 +82,10 @@ class AccountingDepartment extends Department {
   }
 }
 
-const accounting = new Department('1', 'Accounting');
+// const accounting = new Department('1', 'Accounting');  //추상 클래스는 인스턴스할 수 없다.
 const ITaccounting = new ITDepartment('2', ['Max']);
 
-Math.pow(1, 2); //new, 인스턴스를 사용하지 않고 바로 사용할 수 있는 클래스 Math가 있다. 이와 같이 우리의 class도 구현 해볼 것이다. 방법은 static을 사용하는 것이다.
-
+Math.pow(1, 2);
 const employees1 = Department.createEmployee('Max');  //정적 메소드 불러오는 방식
 console.log(employees1, Department.fiscalYear);
 

From 5bedd17463287ddde12d235b23bf377c49529c36 Mon Sep 17 00:00:00 2001
From: 4Bee <4bee.code@gmail.com>
Date: Mon, 23 Sep 2024 16:51:13 +0900
Subject: [PATCH 41/41] =?UTF-8?q?=F0=9F=9A=A9:=20singleton=20pattern=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9=20=EB=B0=8F=20=EC=8B=A4=EC=8A=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.ts | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/app.ts b/src/app.ts
index 6045725..e1bb2f6 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -32,7 +32,6 @@ abstract class Department {
     console.log(this.employees);
   }
 }
-//이또한 추상 함수를 정의 해줘야한다.
 class ITDepartment extends Department {
   admins: string[];
   constructor(id: string, admins: string[]) {
@@ -45,9 +44,11 @@ class ITDepartment extends Department {
   };
 }
 
-//현재 abstract 클래스, 추상 함수 describe를 상속받고 있는 Department이기에 Error가 발생 따라 abstract 클래스, 함수가 있는경우 해당 abstract 함수, 변수들은 상속 받은 자식들은 필수로 자식 내부에 정의가 되어 있아야한다.
+//현재 상황에서 회계관련 문서가 하나밖에 없다고 가정
+//따라서 private를 활용해야 한다.
 class AccountingDepartment extends Department {
   private lastReport: string;
+  private static instance: AccountingDepartment;
 
   get mostRecentReport() {
     if (this.lastReport) {
@@ -63,12 +64,22 @@ class AccountingDepartment extends Department {
     this.addReport(value);
     this.lastReport = value;
   }
-
-  constructor(id: string, private reports: string[]) {
+  //접근제한자: private 부여
+  private constructor(id: string, private reports: string[]) {
     super(id, 'Account');
     this.lastReport = reports[0] || "";
   }
-  //추상함수 정의
+
+  static getInstance() {
+    //this.instance 또는 직접적으로 접근
+    if (AccountingDepartment.instance) {  //인스턴스가 없다면 new키워드로 새로운 인스턴스를 생성한다. 이를 통해 하나의 인스턴스로만 동작
+      return this.instance;
+    }
+
+    this.instance = new AccountingDepartment('d2', []);
+    return this.instance;
+  }
+
   describe() {
     console.log(`Department (${this.id}): ${this.name}`);
   };
@@ -96,7 +107,12 @@ ITaccounting.addEmployee('Manu');
 ITaccounting.describe();
 ITaccounting.printEmployeeInformation();
 
-const NewAccounting = new AccountingDepartment('d2', []);
+// const NewAccounting = new AccountingDepartment('d2', []); //이제 AccountingDepartment를 사용하려면 생성자가 static이기에 직접 접근방식으로 사용해야한다.
+
+const NewAccounting = AccountingDepartment.getInstance();
+const NewAccounting2 = AccountingDepartment.getInstance();
+//이제 이둘의 클래스 변수는 하나의 인스턴스로만 접근해서 동작하고 구현된다.
+console.log(NewAccounting, NewAccounting2);
 
 // console.log(NewAccounting.mostRecentReport);
 NewAccounting.setMostRecentReport = 'Year End Report';