Udemy/Ts/section5/69: abstract

dist/app.js

@@ -1,26 +1,31 @@
 "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 () {
+    // 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();

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"
@@ -15,4 +16,4 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.5.4"
   }
-}
+}

src/app.ts

@@ -1,21 +1,107 @@
-let userInput: unknown;
+abstract class Department {
+  // private id: string;
+  // private name: string;
+  //현재 Department는 추상클래스로 id가 다른 클래스에서도 사용 되어야해서 private에서 protected로 접근제한자를 변경
+  protected employees: string[] = []; // employees 변경
+  static fiscalYear = 2020;
+  // id 변경
+  constructor(protected readonly id: string, public name: string) {
+    // this.id = id;
+    // this.name = n
+    // console.log(this.fiscalYear); 
+    console.log(Department.fiscalYear); //정상동작
+  }
+  static createEmployee(name: string) {
+    return { name: name };
+  }
 
-let userName: string;
-userInput = 5;
-userInput = 'Max';
+  //abstract인 추상 함수를 사용하라면 해당 class 또한 abstract로 정의 되어야 한다.
+  abstract describe(this: Department): void;  //또한 해당 추상 함수에 어떠한 것도 정의되어 있으면 안된다.
+  //이제 Department와 연관된 모든 클래스들은 Error가 발생할 것이다.
+  // {
+  //   console.log(`Department (${this.id}): ${this.name}`);
+  // }
 
-console.log(typeof userInput);
+  addEmployee(employee: string) {
+    // this.id = '2';  // readonly이기 때문에 error가 발생한다.
+    this.employees.push(employee);
+  }
 
-if (typeof userInput === 'string') {
-  userName = userInput;
+  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;
+  }
+  //추상함수 정의
+  describe() {
+    console.log(`Department (${this.id}): ${this.name}`);
+  };
+}
+
+//현재 abstract 클래스, 추상 함수 describe를 상속받고 있는 Department이기에 Error가 발생 따라 abstract 클래스, 함수가 있는경우 해당 abstract 함수, 변수들은 상속 받은 자식들은 필수로 자식 내부에 정의가 되어 있아야한다.
+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;
+  }
+
+  constructor(id: string, private reports: string[]) {
+    super(id, 'Account');
+    this.lastReport = reports[0] || "";
+  }
+  //추상함수 정의
+  describe() {
+    console.log(`Department (${this.id}): ${this.name}`);
+  };
+
+  addReport(text: string) {
+    this.reports.push(text);
+  }
+
+  printReports() {
+    console.log(this.reports);
+  }
+}
+
+// const accounting = new Department('1', 'Accounting');  //추상 클래스는 인스턴스할 수 없다.
+const ITaccounting = new ITDepartment('2', ['Max']);
+
+Math.pow(1, 2);
+const employees1 = Department.createEmployee('Max');  //정적 메소드 불러오는 방식
+console.log(employees1, Department.fiscalYear);
+
+ITaccounting.addEmployee('Max');
+ITaccounting.addEmployee('Manu');
+
+// accounting.employees[2] = 'Anna';
+ITaccounting.describe();
+ITaccounting.printEmployeeInformation();
+
+const NewAccounting = new AccountingDepartment('d2', []);
+
+// console.log(NewAccounting.mostRecentReport);
+NewAccounting.setMostRecentReport = 'Year End Report';
+NewAccounting.addReport('Something went wrong...');
 
-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타입임을 코드에 명시해주는 것이 좋다.
+console.log(NewAccounting.mostRecentReport);
 
-const resultError = generateError('An error occurred!', 500);
-console.log('resultError: ', resultError);  //본래 일반적인 함수라면 undefined를 반환해야한다.
-//하지만 아무것도 반환되는 것이 없다. 이유는 generateError는 never 타입으로 반환이 되기 때문에 컴파일이 중도 정지가 되는 것이다.
-//참고로 throw는 try,catch를 사용해도 무시하지 않고 중도 정지가 된다.
+NewAccounting.printReports();