[TS] 1.TypeScript로 타입을 지정해보자

신연우·2023년 3월 6일
0

TS

목록 보기
2/12

1. 변수나 인자등에 뒤에 :type 을 적어주는 것으로 타입을 지정해 줄 수 있다.

const num:number = 2
const str:string = "3"
const bool:boolean = true

함수에서 괄호 밖에 타입을 작성해주면 return 값의 타입을 지정한 것이다.

const sum = (a:number, b:number):string =>{return (a+b).toString() + "점 입니다."}

2. interface를 통해서 객체의 타입을 한번에 줄 수도 있음.(interface에서 타입을 줄 때는 객체처럼 ,를 찍는게 아닌 ;로 구분한다)

예시로

interface PersonType{
    name: string;
    age: number;
    isStudent: boolean;
}  

const person:PersonType = {
     name: "string",
    age: 123,
    isStudent: true,
}

를 통해서 person에 타입을 PersonType으로 한번에 지정해줬다.

3. 인자에 interface를 주면 그 인터페이스 타입의 인자만 받는다.

const getPersonAge = (person:PersonType)=>{
console.log(person.age)
}

여기에 console.log(person.num)을 주면
에러가 일어나는데 person.num은 없는값이기 때문이다.

4. interface의 key에 value가 있을 수도 있고 없을 수도 있을땐 key뒤에 ?만 붙이면 된다.

예시로 studentNum이란 key값이 있어도 되고 없어도 되는 값이라면

interface PersonType{
    name: string;
    age: number;
    isStudent: boolean;
    studentNum?: num;
}
profile
야금야금 똑똑해지자

0개의 댓글