타입스크립트

[TS]인터페이스

JoyYellow 2022. 11. 21. 16:48

인터페이스

상호 간에 정의한 약속 혹은 규칙

  • 객체의 스팩(속성과 속성의 타입)
  • 함수의 파라미터
  • 함수의 스펙(파라미터, 반환 타입 등)
  • 배열과 객체를 접근하는 방식
  • 클래스
let person = { name: 'capt', age: 28 };

function logAge(obj: { age: number }) {
	console.log(obj.age); // 28
}
logAge(person); // 28


interface personAge {
	age: number;
}
function logAge(obj: personAge) {
	console.log(obj.age);
}

let person = { name: 'Capt', age: 28 };
logAge(person);

 

 

타입단언(type assertion)

var a;

a = 20;

a = 'a';

코드를 추론할 수는 없다.

var b = a as string;

DOM API 조작

document.querySelector();

 

타입 가드

interface Developer {

 

}