타입스크립트의 꽃 🌷 Type Alias

April·2022년 1월 20일
0

💫 Typescript

목록 보기
5/11
post-thumbnail

| 타입 스크립트 타입 별칭

똑같은 타입을 한 번 이상 재사용하거나, 또 다른 이름으로 부르고 싶은 경우에 사용!

Type Aliases: type 키워드를 사용해서 새로운 타입을 정의할 수 있다

✔️ Type Alias 예제1

type Text = string;
const name: Text = 'april'; // const name: string = 'april';
const address: Text = 'korea';

type Num = number;
const age: Num = 30; // const age: number = 30;

type Student = {
  name: string;
  age: number;
};
const student: Student = {
  name: 'april',
  age: 26,
};

✔️ Type Alias 예제2

type Point = {
  x: number;
  y: number;
};
 
function printCoord(pt: Point) {
  console.log("The coordinate's x value is " + pt.x);
  console.log("The coordinate's y value is " + pt.y);
}
 
printCoord({ x: 100, y: 100 });


| Literal Types

✔️ Literal Types 예제1

type Name = 'name';
let aprilName: Name;
aprilName = 'name';

✔️ Literal Types 예제2

function printText(s: string, alignment: "left" | "right" | "center") {
  // ...
}
printText("Hello world", "left");
printText("G'day mate", "centre"); // 이럴 경우 에러남. 
// 두번째 인자에는 세가지의 문자열 중 하나만 입력할 수 있기 때문에!!

profile
🚀 내가 보려고 쓰는 기술블로그

0개의 댓글