[타입스크립트] 작성법, return, 화살표 함수

휘루·2023년 3월 18일
0

타입스크립트

목록 보기
4/10
post-thumbnail

let a : number[] = [1, 2, 3]; 또는 let a = [1, 2, 3];
let b : string[] = ["us", "14"];
let c : boolean[] = [true];

자동으로 추론 해줍니다.

const player = {
name : "Greaves",
};

이름은 지정이 가능합니다.
이름은 지정하였으나 다른 하나의 데이터가 age가 없는 경우, age를 선택적으로 만들고 싶은 경우

age 옆에 물음표를 넣어주면 조건적 age가 부여됩니다.

별칭 만들기 1

제일 위로 올라가서

작성해줍니다. 항상 앞에 대문자로 적어줍니다. 그래야 적용이 됩니다.

그리고 위의 기존 내용을

이렇게 바꿔주면 다른걸 복사, 붙여넣기 할때도

이렇게 쉽게 추가할 수 있습니다.

별칭 만들기 2

type을 더 구체적으로 추가해보자면

상단에 Age와 Name을 추가해서

name : Name으로, age? : Age로 세부적 이름을 바꿔줄 수도 있습니다.
너무 구체적 내용을 통해 보기가 어렵다면 별칭 만들기 1에서 그만 해도 됩니다.

함수의 return값 타입 지정하는 법

playerMaker로 string인 name값을 받게 할 겁니다.

이제 return할 값을 넣어야겠죠.

리턴 값을 넣었으면 받아올 값도 작성해줍니다.

이름과 나이를 넣어줍니다.
이대로 작성하면 에러가 납니다.

지금은 string에 있는 name 요소에 있는 object를 리턴하고 있지만
playerMaker 뒤에 속성이 없기 때문인데요. 속성으로 Player를 넣어주면 됩니다.

넣는 방법은 (name : string)처럼 playerMaker (name : string) : Player 처럼 넣어줍니다.
variable과 argument에 넣듯이 넣어줍니다.
Player타입을 return한다고 작성하는 겁니다.

결론

결론
선택적 타입 다루는 법

Alias 타입 생성법

argument의 타입 지정법

함수 return값의 타입 지정법

화살표 함수로 작성법

위와 아래의 비교

profile
반가워요

0개의 댓글