목록TypeScript (4)
공부방
재사용 가능한 클래스, 함수를 만들기 위해 다양한 타입에서 사용 가능하도록 하는 것이 제네릭 제네릭을 이용하면 모든 타입의 객체를 다루면서 객체 타입의 무결성을 유지할 수 있다. 제네릭을 통해 클래스나 함수 내부에서 사용되는 특징 데이터의 타입을 외부에서 지정 제네릭이 적용된 대상(클래스, 함수, 인터페이스)은 선언 시점이 아닌 생성 시점에 사용하는 타입을 결정 제네릭에 사용되는 파라미터는 타입 파라미터라 하며 관용적으로 T를 사용 제네릭이 적용된 대상은 인스턴스화 될 때 지정된 데이터 타입으로 모든 타입 파라미터의 타입이 지정 타입 파라미터는 상속을 통해 특정 타입의 하위 타입으로 제한 할 수 있음. 새로운 타입을 정의하는 방법은 type alias와 interface를 정의하는 두 가지 방식이 있다...
데이터 만들기 src/data.ts export const data = [ { id: 1, task: "장보기", complete: true }, { id: 2, task: "TS 학습", complete: false }, ]; 투두 리스트 하나를 만들고 출력해주기 src/TodoItem.ts class TodoItem { constructor( public id: number, public task: string, public complete: boolean = false ) { this.id = id; this.task = task; this.complete = complete; } printDetails(): void { console.log( `${this.id}\t${this.task}\t${t..
정적 타입을 기본으로 하는 C, Java와 마찬가지로 변수 선언에 타입을 지정할 수 있다. 변수에 대한 타입을 지정하면 해당 변수에 다른 타입의 값을 대입할 수 없다. 변수에 정의한 타입과 다른 타입의 값을 대입하는 코드는 TypeScript 컴파일러에 의해 컴파일 오류가 발생된다. 객체 리터럴에 대한 타입 정의는 해당 리터럴 객체가 갖는 각각의 프로퍼티에 대한 타입을 나열하는 형태로 정의함. 함수를 정의할 때 파라미터와 반환값에 타입을 지정합니다. 함수의 종류(선언적 함수, 익명함수, 람다 함수)에 따라 타입 지정에 대한 표현에는 차이가 있다. 함수의 파라미터를 정의할 때 선택적매개변수를 지정할 수 있다. JavaScript는 기본적으로 가변인자를 통한 함수 호출이 가능했지만 TypeScript는 가변..
TypeScript는 안전하고 예측 가능한 코드 구현에 초점을 맞춘 JavaScript의 상위 집합 언어 TypeScript의 가장 큰 특징은 기존 JavaScript에 Type System을 적용한 것 TypeScript로 작성된 코드는 TypeScript 컴파일러를 통해 JavaScript 변환되고 이후 실행 Type System 이외에도 TypeScript는 Decorators와 같은 다양한 기능을 제공 Type System TypeScript의 가장 큰 특징은 JavaScript의 타입 체계에 정적 타입(static typed)을 적용할 수 있도록 한 것. JavaScript는 동적 타입 체계(dynamic typed)의 언어로 변수에 타입을 지정하지 않는다. 동적 타입 체계는 프로그램에 유연성을..