kimohzl

제네릭 (Generic)함수, 클래스, 인터페이스에서 사용 가능하다.타입 변수 부분에 제약 조건도 활용 가능하다.함수함수 이름 뒷 쪽에 대문자 T 로 타입 변수를 지정을 할 수 있다.함수를 호출할 때 타입을 넣어줄 수도 있지만, 첫번째 인수를 통해 타입추론이 가능하게 사용할 수도 있다. 예제로 함수에서 제네릭 문법 사용하기interface Obj { x: number}type Arr = [number, number]function toArray(a: string, b: string): string[]function toArray(a: number, b: number): number[]function toArray(a: boolean, b: boolean): boolean[]function toArray..

클래스 타입스크립트에서 클래스를 사용하게 되면 속성 부분의 타입을 constructor 위의 클래스 바디 부분에 타입 명시를 해줘야한다.초기값이 필요하다면 type 선언 뒤에 할당 연산자를 통해 값을 입력하면 된다.class UserA { first: string = '' last: string = '' age: number constructor(first: string, last: string, age: number){ this.first = first this.last = last this.age = age } getAge() { return `${this.first} ${this.last} is ${this.age}` }} 각각의 속성을 지정할 때는 앞에 접근 제어..

타입 별칭 (Alias)type 키워드를 사용하여 타입에 별도 이름(별명) 을 부여한다. 할당 연산자를 붙여줘야한다. type TypeA = string단일 타입에 별칭을 부여하는 것은 크게 유용하지 않다. type TypeB = string | number | boolean타입 별칭은 단일 타입보다는 union( | )이나 ampersan0d( &) 기호를 사용하는 intersection 타입에서 별칭을 부여하여 재사용하는데 사용하는게 좋다. type TypeA = stringtype TypeB = string | number | booleantype User = { name: string age: number isValid: boolean} | [string, number, boolean]con..

인터페이스 (Interface) 인터페이스를 하나의 타입으로 사용할 수 있다. 이 떄 객체의 속성과 개수, 타입은 같아야한다.interface User { name: string age: number isValid: boolean}const user1: User = { name: 'ohzl', age: 27, isValid: true}const user2: User = { name: 'ohzl2', age: 20, isValid: false} 선택적 속성 - ?선택적 속성이 붙은 속성은 필수가 아니게 된다.interface User { name: string age: number isValid?: boolean}const user1: User = { name: 'ohzl', ag..

타입 추론 (Inference) 추론 : 판단을 근거로 삼아 다른 판단을 이끌어 냄 모든 부분에 타입을 직접 지정할 필요는 없고, 꼭 필요한 부분에 타입을 지정해준다.타입을 추론하기 위해서는 근거로 삼을 수 있는 판단이 필요하다.초기화된 변수let num = 12 기본값이 설정된 매개 변수, 반환 값이 있는 함수function add(a: number, b = 2) { return a + b} 숫자 데이터가 기본적으로 할당되므로, b에는 타입을 지정해주지 않아도 된다.a,b 가 number 타입이므로, 반환 타입을 따로 지정하지 않아도 타입 추론이 가능하다. 👉 최대한 타입을 적게 적으면서 타입스크립트가 이해하지 못하는 곳에는 꼭 정확한 타입을 제공해주어야 한다. 타입 단언 (Assertions)단언 ..

타입스크립트란정적 타입의 컴파일 언어자바스크립트 (동적 타입) : 런타임에서 동작할 때 타입 오류 확인타입스크립트 (정적 타입) : 코드 작성 단계에서 타입 오류 확인브라우저나 Node.js 환경은 타입스크립트가 직접적으로 동작할 수는 없다.👉 자바스크립트로 변환(컴파일) 후 브라우저나 Node.js 환경에서 동작tsconfig.json{ "compilerOptions": { "target" : "ES2015", "module": "ESNext", "moduleResolution": "Node", "esModuleInterop": true, "lib" : [ "ESNext", "DOM" ], "strict": true }, "include": ..