TS 기초 - 기본타입

시작

• 간단한 CRUD를 위해 화면을 React - Typescript 만들다 보니 Typescript에 대한 공부가 필요하다고 느꼈다. 단순히 변수에 타입을 정해주는 수준이 아닌 Typescript를 편하게 사용하기 위해 기초부터 공부해보려 한다.
  https://typescript-kr.github.io/pages/basic-types.html#%EC%86%8C%EA%B0%9C-introduction
• 상단 사이트를 통해 공부하고 몰랐던 부분을 적어보고 내것으로 만들어보려 한다.

배열(Array)

• Typescript는 배열의 표현이 2가지이다.

let list: number[] = [1,2,3]
let list2: Array<number> = [1,2,3]

튜플(Tuple)

• 튜플 타입은 요소의 타입과 개수가 고정되어 있는 배열. 아직 사용해 본적이 없다.

// 선언
let tup: [string, number]
// 초기화
tup = ["abc", 1]

열거(Enum)

enum Color {Red, Green, Blue}
let c: Color = Color.Green

• enum은 0부터 시작하여 요소의 번호를 매길 수 있다.

enum Color {Red = 1, Green, Blue} // Green과 Blue는 자동으로 2, 3
let c: Color = Color.Green;
let c2: Color = Color[2];
console.log(c, c2); // Green, Green 출력

네버(Never)

• 절대 발생할 수 없는 타입. never타입을 제외한 모든 타입은 never에 할당할 수 없다.

function error(message: string): never {
    throw new Error(message);
}

타입 단언

• 확실하게 타입을 알 경우 사용

let someValue: any = "this is a string";

let strLength: number = (<string>someValue).length;

• TSX에서는 as-문법 사용

let someValue: any = "this is a string";

let strLength: number = (someValue as string).length;

다음 포스팅에 이어서...