diff --git a/dist/app.js b/dist/app.js index fa5b1c1..9cecdad 100644 --- 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로 내장되어 있는 제네릭 클래스를 사용한 것이다. +//즉, 은 반환 타입을 명시한 것이다. +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 new file mode 100644 index 0000000..e2da7ca --- /dev/null +++ b/index.html @@ -0,0 +1,14 @@ + + + + + + + Document + + + + + + + \ No newline at end of file diff --git a/src/app.ts b/src/app.ts index d8a50ee..bdcac8f 100644 --- 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 = []; + +// 이런 Promise도 타입으로 지정을 해주고 제네릭을 사용할 수 있다. +// 여기서는 Promise로 내장되어 있는 제네릭 클래스를 사용한 것이다. +//즉, 은 반환 타입을 명시한 것이다. +const promise: Promise = new Promise((res, rej) => { + setTimeout(() => { + res('This is done!'); + }, 2000); +}); + +promise.then(data => { + data.split(' '); +}); +// 이제 앞으로는 일반적인 변수, 함수를 제네릭을 지정하는 방식을 살펴볼 것이다. \ No newline at end of file