타입스크립트3 Alias 타입 저번에 타입스크립트에서 객체를 선언할 때 선택적으로도 인스턴스를 선언할 수 있는 걸 보았다. 하지만 만약에 player라는 객체를 여러개 만들어야 한다고 가정하면 매번 이름과 나이를 반복적으로 작성해주어야 한다. 이러한 불편함을 없애주기 위해 Alias 타입이라는 것이 있다!! Alias 타입 type Player={ name :string, age?:number } const player1:Player={ name : "hojin" } const player2 : Player = { name :"ho-bolt" age : 27 } 이렇게 상단에 타입을 정의해 놓은 것을 선언해두면 다른 객체에서는 타입을 정의한 걸 반복적으로 작성할 필요가 없어진다! 자바의 클래스 정의랑 비슷한다! 🤔 여기서 Player.. 2022. 6. 21. Optional type 객체를 선언해줄 때 콜론 뒤에 중괄호에는 인스턴스의 타입을 명시해주고 = 뒤 중괄호에는 해당 인스턴스의 값을 선언해준다! 하지만 여기서 player라는 객체가 age를 가지고 있어도, 안가지고 있어도 되는 선택적으로 선언하고 싶다면? 해당 인스턴스 뒤에 ? 를 달아주면 된다! 그러면 해당 age는 _number/undefined_로 들어가게 된다! Oprtional type const player: { name:string, age?:number }={ name:"hojin", }Basic type const player: { name:string, age:number }={ name:"hojin", age:27 }😋 이런 타입스크립트의 장점? if(player.age 2022. 6. 21. 추론 타입, 명시 타입 😀추론 타입 let say="hello" const age=30 let b =false 타입스크립트도 자바스크립트와 똑같이 선언할 수 있다. 하지만 여기서 값의 타입을 유추하여 타입스크립트는 타입을 정해준다. 따라서 변수값을 재할당하는 데 기존에 선언했던 값의 타입과 다르다면 에러를 던져준다. let say="hello" say=30 //Type 'number' is not assignable to type 'string'. 이것이 자바스크립트와 가장 큰 차이점이다. 자바스크립트는 타입이 달라도 재할당 했을 때 문제없이 값이 바뀐다. 😏명시 타입 let say : string="hello" let b : boolean =true 이렇게 값의 타입을 콜론 뒤에 작성해주는 게 명시적으로 타입을 보여주면서 선.. 2022. 6. 21. 이전 1 다음
