천천히 차근차근

// 인터페이스 확장 interface Person { name: string; age: number; } interface Developer extends Person { language: string; } let captain: Developer = { name: '캡틴', age: 30, language: 'Ko' }

// 딕셔너리 패턴 (인덱싱과 유사한) interface StringRegexDictionary { [key: string ]: RegExp; } let obj: StringRegexDictionary = { cssFile: /\.css$/, jsFile: /\.js$/, } obj['cssFile'] = 'a'; Object.keys(obj).forEach(function(value){ })

// 인덱싱 interface StringArray { [index: number]: string; } let arr: StringArray = [ 'a', 'b', 'c']; arr[0] = 'D'; console.log(arr); interface로 배열의 데이터도 정의할 수 있다. index를 숫자로 받고, 배열의 값을 string으로 정의해서 사용할 수 있다.

// 연습 interface ConsoleFunction { (a: string, b: number): string } let test:ConsoleFunction = function(a: string, b: number ): string { return '제 이름은 ' + a + '이고, 나이는 ' + b + ' 입니다.'; } let test1:string = test('해리', 30); console.log(test1);

// 함수의 스펙(구조)에 인터페이스를 활용 interface SumFunction { (a: number, b: number ): number; } let sum: SumFunction; sum = function(a: number, b: number): number{ console.log( a + b); return a + b; } sum(30, 11111); interface를 정의한다. sum 변수 타입은 정의해둔 interface 타입으로 선언한다. sum 함수를 호출하면 정의해둔 타입에 맞춰 인자를 받아 값을 더해 리턴한다. sum 변수를 호출할 때, 정의해둔 number 타입으로 호출하지 않으면 타입스크립트는 오류를 발생해준다.

interface User { age: number; name: string; } // seho라는 변수는 User interface라는 타입으로 정의가 된다. let seho: User = { age: 30, name: '세호' } console.log(seho);객체를 생성할 때, 매번 타입으로 age, name을 명시해줄 필요없이 정의해둔 interface를 타입으로 활용하여 중복을 줄일 수 있다. // 인터페이스 : 상호간의 약속 interface User { age: number; name: string; } // seho라는 변수는 User interface라는 타입으로 정의가 된다. // 변수에 인터페이스 활용 let seho: User = { age: 30, name: &#3..

function fetchTodoItems(): { id: number; title: string; done: boolean }[] { const todos = [ { id: 1, title: '안녕', done: false }, { id: 2, title: '타입', done: false }, { id: 3, title: '스크립트', done: false }, ]; return todos; } 자바스크립트 코드를 타입스크립트로 변환하면서 위의 객체 배열 타입을 의미하는 객체의 속성을 모두 명시해주는 중복 코드가 발생하게 된다. 해결 방법 2가지 Type 별칭 부여 interface 사용 Type 별칭 부여 type Todo = { id: number; tit..