타입스크립트4 타입스크립트 인터페이스 인터페이스 인터페이스 /** * 인터페이스 */ interface Person { readonly name: string; age?: number; sayHi(): void; sayHi(a: number, b: number): void; } const person: Person = { name: "Rachel", sayHi: function () { console.log("Hi"); }, }; person.sayHi(); person.sayHi(1, 2); 인터페이스 확장하기 /** * 인터페이스의 확장(상속) */ interface Animal { name: string; color: string; } interface Dog extends Animal { isBark: boolean; } const .. 2023. 10. 23. 타입스크립트 함수와 타입 함수와 타입 함수 타입 /** * 함수 타입 정의 */ // 함수를 설명하는 가장 좋은 방법 // 어떤 매개변수를 받고, 어떤 결과값을 반환하는지 이야기 // 어떤 [타입의] 매개변수를 받고, 어떤 [타입의] 결과값을 반환하는지 이야기 function func(a: number, b: number) { return a + b; } /** * 화살표 함수의 타입을 정의하는 방법 */ const add = (a: number, b: number) => a + b; /** * 함수의 매개변수 */ // 기본값을 기준으로 타입 추론 // 필수 매개변수는 선택적 매개변수 뒤에 올 수 없음 function introduce(name = "rachel", age: number, tall?: number) { cons.. 2023. 10. 18. 타입스크립트 이해하기 타입스크립트 이해하기 타인은 집합이다 슈퍼타입(부모타입) > 서브타입(자식타입) 타입 계층도와 함께 기본타입 살펴보기 /** * unknown 타입 */ function unknownExam() { // up cast let a: unknown = 1; let b: unknown = "hello"; let c: unknown = true; let d: unknown = null; let e: unknown = undefined; let unknownVar: unknown; // down cast X // let num: number = unknownVar; // let str: string = unknownVar; // let bool: boolean = unknownVar; } /** * never 타.. 2023. 10. 18. 타입스크립트 기본 타입스크립트 기본 타입스크립트 기본 타입 number, string, boolean, null, undefined // type annotation // number let num1: number = 123; let num2: number = -123; let num3: number = 0.123; let num4: number = -0.123; let num5: number = Infinity; let num6: number = -Infinity; let num7: number = NaN; // number 관련 메서드만 사용 가능 num1.toFixed(); // string let str1: string = "hello"; let str2: string = "hello"; let str3: stri.. 2023. 10. 7. 이전 1 다음
