Programming-Contents-List · 4BFC · Aug 26, 2024 · Aug 26, 2024 · Aug 29, 2024 · Aug 29, 2024
diff --git a/dist/app.js b/dist/app.js
@@ -1,31 +1,17 @@
 "use strict";
-var Department = /** @class */ (function () {
-    // readonly는 프로퍼티를 초기화한 후 수정할 수 없다. 즉, 한번 할당 되면 변경되면 안되는 고유 번호들을 설정할 때 readonly를 사용한다.
-    function Department(id, name) {
-        this.id = id;
-        this.name = name;
-        // private id: string;
-        // private name: string;
-        this.employees = [];
-        // this.id = id;
-        // this.name = n
-    }
-    Department.prototype.describe = 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 () {
-        console.log(this.employees.length);
-        console.log(this.employees);
-    };
-    return Department;
-}());
-var accounting = new Department('1', 'Accounting');
-accounting.addEmployee('Max');
-accounting.addEmployee('Manu');
-// accounting.employees[2] = 'Anna';
-accounting.describe();
-accounting.printEmployeeInformation();
+// const names = [];
+// 위의 방식과 아래의 방식은 갇다. 단, 위의 방식은 any[]이지만 아래는 제네릭을 통해서 sting이라고 명시 해주었다.
+// Array 제네릭 클래스
+const names = [];
+// 이런 Promise도 타입으로 지정을 해주고 제네릭을 사용할 수 있다.
+// 여기서는 Promise로 내장되어 있는 제네릭 클래스를 사용한 것이다.
+//즉, <string>은 반환 타입을 명시한 것이다. 
+const promise = new Promise((res, rej) => {
+    setTimeout(() => {
+        res('This is done!');
+    }, 2000);
+});
+promise.then(data => {
+    data.split(' ');
+});
+// 이제 앞으로는 일반적인 변수, 함수를 제네릭을 지정하는 방식을 살펴볼 것이다.
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script src="./dist/app.js"></script>
+</body>
+
+</html>
diff --git a/src/app.ts b/src/app.ts
@@ -1,83 +1,18 @@
-class Department {
-  // private id: string;
-  // private name: string;
-  private employees: string[] = [];
-  // readonly는 프로퍼티를 초기화한 후 수정할 수 없다. 즉, 한번 할당 되면 변경되면 안되는 고유 번호들을 설정할 때 readonly를 사용한다.
-  constructor(private readonly id: string, public name: string) {
-    // this.id = id;
-    // this.name = n
-  }
-  describe(this: Department) {
-    console.log(`Department (${this.id}): ${this.name}`);
-  }
-
-  addEmployee(employee: string) {
-    // this.id = '2';  // readonly이기 때문에 error가 발생한다.
-    this.employees.push(employee);
-  }
-
-  printEmployeeInformation() {
-    console.log(this.employees.length);
-    console.log(this.employees);
-  }
-}
-
-class ITDepartment extends Department {
-  admins: string[];
-  constructor(id: string, admins: string[]) {
-    super(id, 'IT');
-    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) {
-    this.reports.push(text);
-  }
-
-  printReports() {
-    console.log(this.reports);
-  }
-}
-const accounting = new Department('1', 'Accounting');
-const ITaccounting = new ITDepartment('2', ['Max']);
-
-ITaccounting.addEmployee('Max');
-ITaccounting.addEmployee('Manu');
-
-// accounting.employees[2] = 'Anna';
-ITaccounting.describe();
-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();
+// const names = [];
+// 위의 방식과 아래의 방식은 갇다. 단, 위의 방식은 any[]이지만 아래는 제네릭을 통해서 sting이라고 명시 해주었다.
+// Array 제네릭 클래스
+const names: Array<string | number> = [];
+
+// 이런 Promise도 타입으로 지정을 해주고 제네릭을 사용할 수 있다.
+// 여기서는 Promise로 내장되어 있는 제네릭 클래스를 사용한 것이다.
+//즉, <string>은 반환 타입을 명시한 것이다. 
+const promise: Promise<string> = new Promise((res, rej) => {
+  setTimeout(() => {
+    res('This is done!');
+  }, 2000);
+});
+
+promise.then(data => {
+  data.split(' ');
+});
+// 이제 앞으로는 일반적인 변수, 함수를 제네릭을 지정하는 방식을 살펴볼 것이다.