hoony's web study

728x90
반응형

1. 개요

 

TypeScript를 사용하는 이유 중 하나는 크게 타입 혹은 자료형에 대한 정의와

 

변수 선언에 있어서 해당 타입 및 자료형에 대한 확인이 있는데요.

 

그에 있어서, 알아둬야 할 점들을 정리해두었습니다.

 

2-1. 타입 단언(Type Assertion)

 

다른 언어에서도 몇번 접해본적 있는 문법인 as 키워드를 이용한 타입단언이 있습니다.

 

as 키워드를 사용하여, 해당 변수에게 타입을 알려줄 수 있습니다.

 

interface Example {
  idx: number;
  name: string;
  desc: string;
}

let json_test = {
	"idx": 1,
    "name": "Mr.Matt",
    "desc": "가수 지망생이며, 앞으로의 미래가 기대된다."
};

let example = json_test as Example;
console.log(example.idx);

 

2-2. 타입 가드(Type Guard)

 

해당 타입이 맞는지 검증하는 방법입니다.

 

function isExample(target: Example | Nothing): target is Example {
    return (target as Example).name !== undefined;
}

if(isExample(example)) {
    console.log(example.name);
    console.log(example.desc);
} else {
    console.log(example.name);
    console.log(example.desc);
}

 

 

2-3. 타입 호환(Type Compatibility)

 

TypeScript에서는 더 큰 타입 구조를 갖는 변수에 작은 타입 구조를 갖는 변수를 할당 하는것이 가능합니다.

 

let fn_add = function(x: number): number {
	return x + 1;
}
let fn_sum = function(x: number, y: number): number {
	return x + y;
}
// Error Occurred
// fn_add = fn_sum;

// Error Not Occurred
fn_sum = fn_add;

 

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading