[타입스크립트] 3강- type, interface

나만의 타입을 만들어서 쓸수있다!

---

//interface
interface IStudent {
    name:string;
    age?:number;
}
//type
type TStudent = {
    name:string,
    age?:number
}

interface	type
제한적 : 객체 타입만 가능하다	원시타입, 튜플타입도 가능하다
클래스와 호환됨
; 사용	=     |      , 사용
확장관계가 잘 보임

---

인터페이스

인터페이스 확장

interface IPerson {
    name: string;
    age: number;
    gender :string;
}
//자동 추가
interface IForeigner extends IPerson {
    //name: string;
    //age: number;
    //gender :string;
    nationality: string;
}

---

타입

타입 확장 

type IPerson = {
    name: string,
    age: number,
    gender :string
}
type TForeiner = IPerson & { nationality:string }
// 추가 가능
// type TForeiner = IPerson & { nationality:string, period:Date}

 

인터페이스 & 타입 확장 

interface IPerson {
    name: string;
    age: number;
    gender :string;
}

type TForeiner = IPerson & { nationality:string, period:Date}

 

interface IPerson {
    name: string;
    age: number;
    gender :string;
}
// 유니온 타입 
type TForeiner = IPerson | { nationality:string, period:Date}

// error
let american : IPerson = { nationality: "american" , name:"jay", age: 23, gender:"F"}
// Success
let american : IPerson = { name:"jay", age: 23, gender:"F" }
let american : IPerson = { nationality: "american" }

---

type, interface 문제

3강 type, interface | Notion

 

타입스크립트 with 리액트