본문 바로가기
728x90
반응형
SMALL

전체 글37

[TypeScript] 인터페이스(Interface) 인터페이스란? 내부적으로는 숨겨져 있고, 겉으로만 드러나있는 호출 방식. interface Human1 { name: string; age: number; } function func1(human: Human1): void{ console.log(`반가워요! ${human.name}.`); } const h1: Human1 = { name: "Jack", age: 24, }, func1(h1); optional property interface Human2 { name: string; age?: number; // 있을 수도 있고 없을 수도 있는 것에 ?를 붙임. } function hello(human: Human2): void { console.log(`반가워요. ${human.name}.`); } .. 2022. 7. 19.
[TypeScript] 타입 호환성과 별칭 타입 호환성(Type Compatibility) // sub 타입은 sup 타입의 서브 타입. let sub1: 2 = 2; let sup1: number = sub1; sub1 = sup1; // error Type 'number' is not assignable to type '2'. let sub2: number[] = [3]; let sup2: object = sub2; sub2 = sup2; // error Type '{}' is missing the following properties from type'number[]' let sub3: [number, number] = [3,4]; let sup3: number[] = sub3; sub3 = sup3; //error Type 'number[.. 2022. 7. 18.
[TypeScript] 타입 시스템 Type System 타입 시스템 컴파일러에게 사용하는 타입을 명시적으로 지정. 컴파일러가 자동으로 타입을 추정 타입 스크립트의 Type System 타입을 명시적으로 지정할 수 있음. 타입을 명시적으로 지정하지 않으면 컴파일러가 자동으로 타입을 추론(타입 추론) 타입이 하는 일 // n의 타입을 지정하지 않았으므로 any로 추론됨. // 리턴 타입은 number로 추론(NaN도 Number) function func1(n) { return n * 10; } console.log(func1(5)) //50 console.log(func1('Hello') + 1); // NaN 이런 문제를 해결하기 위해 nonImplicitAny 옵션을 사용하여 TS가 추론 중 'any'라고 판단하면, 에러를 발생시켜 명.. 2022. 7. 18.
[TypeScript] 타입 스크립트의 타입(2) Array - 같은 타입의 자료들을 모아놓음. - 자바스크립트에서 객체. let list: number[] = [1,2,3]; //선호 let list: Array = [1,2,3]; let list: (number | string)[] = [1,2,"3"]; Tuple let a: [string, number]; a = ["age", 30]; a = [23, "age"]; //error a[3] = "name"; //error, 인덱스 2 이후에는 타입이 undefined가 됨. 길이가 정해져 있고, 앞뒤의 타입이 정확하고 다를 수 있는 자료형이다. any - 어떤 것이든 된다. function returnAny(message: any): any { console.log(message); } const.. 2022. 7. 16.
728x90
반응형

티스토리툴바