[TS]Type_Basic.md

[TS] 기본 타입에 대해서

최대한 내가 이해하는만큼 적도록 노력하겠습니다. 같이 공부하는 입장에서 적겠습니다.

자바스크립트를 하게 되면 당연하게 마주하는 문제는 타입에 관한 이슈와 좀 더 OOP스럽게 짤 수 없을까 하는 생각이다.

그런 단계를 이르게 되면 당연하게 한번쯤은 TypeScript 라는 아이를 생각하게 된다.

저도 이번 기회에 한번 공부하려고 합니다. (모든 내용의 기준은 TypeScript 공식 사이트 HandBook 기준입니다.)

TypeScript 의 기능들은 크게 보면 정적 타이핑과 ECMAScript 구현으로 나뉠 수 있다.

• Type annotation & 정적 타입 체크
• 타입 추론
• Interfaces
• ES2015 Features
  • let & const
  • Block scope
  • Arrow functions
  • Classes
  • Promise
  • Etc…
• Namespaces & Modules(CommonJS, ES2015, AMD)
• Generic
• Mixin

TypeScript 에서 제공하는 기본적인 타입에 대해서 정리를 시작해보자

타입 선언

let isDone: boolean = false;

기본적으로 타입 선언은 콜론(:) 를 쓰고 뒤에 타입을 선언하면 된다. 생각보다 타입을 선언하는 방법은 간단하게 되어있다.

함수를 사용할 때도 콜론(:) 을 사용해서 나타내면 그런데 모양새를 어째 이상하다.(처음보는 내 기준인 것 같다)

function echo(param: string): string {
 return param;
}

왜 Wrapper 객체를 사용하면 안되나?

JavaScript 에서는 JavaScript primitive type들에 대해 Wrapper 객체를 제공한다. TypeScript 에서도 사용이 가능하다.

const isLiar: boolean = true; // OK
const isTruth: Boolean = false; // OK

가급적이면 boolean 을 사용하는 것이 권장된다. new Boolean() 으로 생성한 값을 boolean 타입에 할당할 수는 있으나 그 반대는 안되기 때문이다.

const isLiar: boolean = new Boolean(true); // OK
const isTruth: Boolean = false; // Error: Type 'Boolean' is not assignable to type 'boolean'.
// 'boolean' is a primitive, but 'Boolean' is a wrapper object. Prefer using 'boolean' when possible.

리터럴 문법 대신 저렇게 Wrapper 객체를 이용하여 생성자를 호출하는 것이 JavaScript 에서도 권장하지 않는 방법이다.

Number & number, String & string 등에서도 타입을 명시할 때 사용하지 말자

Basic Type

Boolean

let isDone: boolean = false;

모두가 알고 있는 true || false 타입이다. 너무 나도 심플해서 적을 것이 없다.

Number

let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;

우리가 알고 있듯이 숫자를 나타내는 Number타입이다. 마찬가지로 2진수 8진수가 된다. 이는 ECMA2015 를 지원한다는 말과 동일하다.(모두가 알고 있겠지만 ES6에서 추가됨)

String

모두가 잘알고 있는 문자열타입이다.

let fullName: string = `Bob Bobbington`;
let age: number = 37;
let sentence: string = `Hello, my name is ${ fullName }.

I'll be ${ age + 1 } years old next month.`;

Array

자바처럼 <> 제네릭이 생겼다 신기방기하다. (하나하나에 놀라는중...)

let list: number[] = [1, 2, 3]; // 방법 1
let list: Array<number> = [1, 2, 3]; // 방법 2 

나라면 아래처럼 사용할 듯 하다.

Object

declare function create(o: object | null): void;

create({ prop: 0 }); // OK
create(null); // OK

create(42); // Error
create("string"); // Error
create(false); // Error
create(undefined); // Error

희안하다 Object타입인데 Number String Blooean이 안된다.

⭐ 기존의 Java 에서는 당연하게 상위 타입인 Object로 선언을 했다면 String, Int등으로 변환이 가능했는데 말이다.

Null and Undefined

let onlyNull: null = null;

onlyNull = undefined; // OK
onlyNull = false; // error: Type 'boolean' is not assignable to type 'null'.

공식 문서에 있다고 한다. 그런데 Null, Undefined로 선언을 하면 어디서 사용을 하는 것일까? 아직까지 경험이 없어서 모르겠다.

---

Reference

• TypeScript: 소개
• hackr.io
• 공식사이트