본문 바로가기

타입스크립트3

인터페이스 인터페이스 기초자바나 컴개론 등에서 배웠던 인터페이스와 동일하다.객체가 A 인터페이스의 타입이다 라는 것은 해당 인터페이스의 메소드를 구현했다는 의미.즉, 클래스나 객체가 어떤 멤버 변수와 메서드를 가져야 하는지 정의한 것을 인터페이스라고 한다. 다만, 타입스트립트의 interface 는 객체 타입 뿐만 아니라 아래에 대해서도 타입을 정의할 수 있다.객체의 스펙(속성과 속성의 타입)함수의 파라미터함수의 스펙(파라미터, 반환 타입 등)배열과 객체를 접근하는 방식클래스let person = { name: 'Capt', age: 28 };function logAge(obj: { age: number }) { console.log(obj.age); // 28}logAge(person); // 28 위 함수의 .. 2025. 4. 13.
함수 기본적인 함수의 타입 선언은 다음과 같다.function sum(a: number, b: number): number { return a + b;}그냥 JS의 매개변수와 반환 값에 타입을 붙여준게 끝이다. 함수 파라미터- TypeScript 에서 함수의 인자는 모두 필수값으로 간주되고, 컴파일러가 이를 꼭 확인한다.- 따라서 undefined, null 이라 할지라도 인자로 꼭 넘겨줘야한다.function sum(a: number, b: number): number { return a + b;}sum(10, 20); // 30sum(10, 20, 30); // errorsum(10); // error* 파라미터 초기화는 JS랑 동일하다function sum(a: number, b = '100'): n.. 2025. 4. 11.
기본 타입 String, number, boolean, object, array, tuple, enum, any, void, never 이 있다.이 중에서 주의할 것만 몇 가지 살펴보고 넘어가자. objectlet product: object = { name: 'pdr-1234', lang: 'kor' };위와 같이 쓸 수 있지만, 보통은 "인터페이스" or "타입 별칭" 을 쓴다. 배열 // 방법1. [] 배열 선언let arr1: number[] = [1,2,3,4,5]; // 방법2. 제네릭 선언let arr2: Array = [1,2,3,4,5]; 튜플- 배열의 길이가 고정되고, 각 요소의 타입이 지정되어 있는 배열.let arr: [string, number] = ['hi', 10];정의되지 않는 타입이.. 2025. 4. 11.

티스토리툴바