목차
접기
728x90
반응형
interface User {
age: number;
name: string;
}
// seho라는 변수는 User interface라는 타입으로 정의가 된다.
let seho: User = {
age: 30,
name: '세호'
}
console.log(seho);
객체를 생성할 때, 매번 타입으로 age, name을 명시해줄 필요없이 정의해둔 interface를 타입으로 활용하여 중복을 줄일 수 있다.
// 인터페이스 : 상호간의 약속
interface User {
age: number;
name: string;
}
// seho라는 변수는 User interface라는 타입으로 정의가 된다.
// 변수에 인터페이스 활용
let seho: User = {
age: 30,
name: '세호'
}
console.log(seho);
// 함수에 인터페이스 활용
function getUser(user: User) {
console.log(user);
}
const capt = {
name: '캡틴',
age: 30
}
getUser(capt);
- getUser함수에 인터페이스에 정의한 인자를 제대로 입력하지 않으면 오류 발생.
타입스크립트와 인터페이스
- 변수보다 함수에 인터페이스를 활용하는 일이 더 많을 것이다.
- 인자(파라미터)에 인터페이스를 정의한다.
- 호출 할 때, 그 인자가 파라미터에 정의한 인터페이스 규칙을 잘 따르는지 확인해주는
것이 타입스크립트의 역할이고 그게 타입스크립트의 인터페이스 사용 장점이다.
728x90
반응형
LIST
'IT 유용한 정보' 카테고리의 다른 글
[ typescript ] 인터페이스 연습 (0) | 2021.01.31 |
---|---|
[ typescript ] interface 활용 기초. (0) | 2021.01.31 |
[ typescript ] Object 타입의 속성을 모두 명시하여 중복 사용하지 않고 간단하게 사용할 수 있는 방법. (0) | 2021.01.31 |
[ typescript ] filter 함수 사용법 2가지 (0) | 2021.01.31 |
dddd (0) | 2021.01.29 |