//타입 을 지정할때 사용
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 |