🔀: Udemy/ts/section5/65: inheritance(상속) (#41)

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱: issue templates 생성

Github에서 작성한 커밋입니다.

* 🌱: pr-template 생성

Github에서 작성한 커밋입니다.

* 🌱: pr-template 수정

Github에서 수정한 커밋입니다.

* 🌱: pr-template 수정

Github에서 수정한 커밋입니다.

* 🚩: udemy section2의 14번 강의를 듣고 실습을 했다.

* 🚩: interface를 학습하기 위해 클래스를 학습하고 실습해보았다.

* 🚩: dist의 컴파일된 js를 확인하기 위해서 es5에서 es6로 ts.config 변경

* 🚩: es6에서 es5로 컴파일 target을 변경

* 🚩: this를 사용해서 출력한 class 내 전역 name 프로퍼티 정상 출력

* 🚩: this키워드를 다시 한번 객체로 감싼 복제 함수 할당 후 출력 undefined 결과 확인, this를 사용시 주의 사항

* 🚩: undefined 재확인

* 🚩: 복제한 class의 함수를 사용 가능하게 하기 위한 방법과 에러 임시적인 해결 단, 똑같이 구현 불가능

* 🚩: 배열 프로퍼티에 접근하는 두 가지 방식

* 🚩: private 설정으로 employees[N]에 값을 할당할수 없다. error

* 🚩: 런타임과 컴파일 과정의 private 영향을 ts, js 파일에서 확인

* 🚩: private를 일반적으로 constructor에서 사용하는 방법

* 🚩: constructor 생성자 내부에 따로 선언하지 않고 매개변수로 선언하는 간단한 방법

* 🚩: readonly의 사용방법과 build된 app.js에서 확인할 수 있는 property 키워드 확인 및 실습

* 🚩: 상속을 구현하고 실습해보았다.

Author: 4BFC

dist/app.js

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

src/app.ts

@@ -15,17 +15,42 @@ class Department {
     // 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, 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();
+ITaccounting.describe();
+ITaccounting.printEmployeeInformation();
+
+const NewAccounting = new AccountingDepartment('d2', []);
+
+NewAccounting.addReport('Something went wrong...');
+
+NewAccounting.printReports();