본문 바로가기

FrontEnd/Type Script

[TS] interface

 //타입 을 지정할때 사용
type User = {
    [name: string]: string,
}

//형태를 지정해줄때사용
type Player ={
    name : string,
    playType : 10 | 11 | 20,
}

//위와 비슷 - interface
interface Player2{
    name: string,
    age: number
}

// 두 방법 다 타입으로 설정하면 해당 타입의 모든 요소를 조건에 맞게 다 구현해야한다.
const penguin: Player = {
    name: "penguin",
    playType: 10
}

const heejun: Player2 ={
    name: "Penguin",
    age: 30,
}

 

 

interface Player {
    name: string,
    age: number,
    nickName: string,
    sayHi(nickName: string): void
}

class NewUser implements Player {
    constructor(
        public name: string,
        public age: number,
        public nickName: string,
    ) { }

    sayHi(nickName: string) {
        console.log(`Hello ${this.nickName}! Welcome!!!`)
    }

}

const penguin = new NewUser("Penguin",30,"PenguinKKim");

penguin.sayHi("");

'FrontEnd > Type Script' 카테고리의 다른 글

타입스크립트 복습하기  (0) 2024.04.25
[TS]Type Script 를 써야하는 이유.  (0) 2024.02.27