Web/TS

[TS] TypeScript 조건부 타입

조건부 타입extends와 삼항 연산자를 이용해 조건에 따라 각각 다른 타입을 정의하도록 돕는 문법입력된 제네릭 타입에 따라 타입을 결정한다.extends와 삼항 연산자를 이용해 조건에 따라 각각 다른 타입을 정의한다. number extends string은 number 타입이 string 타입의 서브타입이 아니다.따라서 타입 A는 string 타입이기 때문에 조건문은 거짓이 된다.ObjB는 ObjA의 서브타입이다.따라서 타입 B는 number 타입이므로 조건문은 참이 된다.제네릭 조건부 타입타입 변수에 Number 타입이 할당되면 String 타입을 반환하고 그렇지 않다면 Number 타입을 반환한다.매개변수로 string 타입의 값을 제공받아 공백을 제거한 다음 반환하는 함수매개변수에 undefin..

[TS] TypeScript 클래스와 제네릭

클래스동일한 모양의 객체를 더 쉽게 생성할 수 있도록 도와주는 문법class 키워드를 이용해 선언타입스크립트에서는 클래스의 필드를 선언할 때 타입을 함께 정의해주어야 한다.엄격한 타입 검사 모드일 때 오류가 발생할 수도 있다.타입스크립트의 클래스는 타입으로도 사용할 수 있다.클래스가 타입으로 사용되면 해당 클래스가 생성하는 객체의 타입과 동일한 타입이 된다. class Student { // 필드 name: string = ""; grade: string = ""; age: number = 0; // 생성자 constructor(name: string, grade: string, age: number) { this.name = name; this.gra..

[TS] TypeScript 기초 문법

타입스크립트 (TypeScript)자바스크립트를 더 안전하게 사용할 수 있도록 타입 관련 기능들을 추가한 언어타입 시스템타입과 관련된 언어의 문법 체계즉, 프로그래밍 언어를 사용할 때 타입과 관련하여 지켜야 하는 규칙들을 모아둔 체계✅ 정적 타입 시스템 코드 실행 전에 모든 변수의 타입을 고정적으로 결정모든 변수에 일일이 타입을 지정해주어야 하기 떄문에 타이핑 양이 증가하고 유연한 프로그래밍이 불가하다.엄격하고 고정적인 시스템C, JAVA✅ 동적 타입 시스템 코드를 실행하기 전에는 타입을 결정하지 않고 코드를 실행하고 나서 그때 그때마다 유동적으로 변수의 타입을 결정=== 변수의 타입을 직접 정의하지 않는다변수의 타입이 어떤 하나의 타입으로 고정되지 않고 현재 변수에 담긴 값에 따라 동적으로 달라진다. ..