JS 문법 그대로 TS에서 사용가능하다. 위 내용들이 준비된후 코드를 작성하자.
저번에 간단하게 학습했듯이 변수에 타입이 지정 가능하다. 이런식으로 변수에 타입을 지정하면 string타입만 이름이라는 변수에 들어갈수있다.
만약 string값이 아닌 number값을 넣으려 하면 위처럼 에러로 알려준다.
변수에 타입을 지정하는건 변수에 실드를 씌우는거라고 생각하자.
즉 다른값을 못넣게 막아주는 실드를 씌우는것이다.
let names : string ='kim';
let ages : number = 50;
let marry : boolean = true;이런식으로 방패를 씌워서 해당 타입만 넣게 할수있다.
array자료는 위처럼 사용가능하다. [ ]를 사용해 array타입이라는 방패를 넣어준다. [ ] 앞에 배열에 넣어줄 자료타입도 지정해줘야한다.
object자료도 위처럼 설정할수있다. 위는 member1에는 문자만 member2에도 문자만 들어갈수있다 라고 타입 제한을 둔다. array보다 좀더 직관적으로 볼수있다.
하지만 이런식으로 온갖 곳에 다 타입을 지정하면? 너무 힘들고 오래걸릴것이다.
타입지정을 굳이 안해도 TS가 자동으로 타입을 씌워준다. 데이터가 문자면 string이 숫자면number가 들어갈것이다.
숙제
Q1. 여러분의 이름, 나이, 출생지역을 변수로 각각 저장해봅시다.
let Me : string = 'Kim';
let age :number = 88;
let born : string = '경ki도'
let Me2 :(string|number)[] = ['Kim',88,'경키도'];Q2. 여러분이 가장 좋아하는 곡과 가수이름을 변수에 object 자료형으로 담아보십시오.
let like :{song : string , singer:string} = {song:'Home' , singer:'박효신'}Q3. 다음과 같이 생긴 자료의 타입지정을 해보도록 합시다.
let project = {
member : ['kim', 'park'],
days : 30,
started : true,
}
/*정답*/
let project : {
member : string[],
days : number,
started : boolean
}=
{
member : ['kim', 'park'],
days : 30,
started : true,
}
개린이