2-1. 원시타입Primitive Type과 리터럴타입Literal Type

Primitive Types

// number
let num: number = 123;
num = -123;
num = 0.123;
num = Infinity;
num = -Infinity;
num = NaN; // Not a number

// num = "hello"; // error
// num.toUpperCase(); // error

// string
let str: string = "hello";
str = 'hello';
str = `hello ${num}`;

// str = 123; // error
// str.toFixed(); // error

// boolean
let bool: boolean = true;
bool = false;

// null
let null1: null = null

// undefined
let undef: undefined = undefined;

원시타입은 하나의 값만 저장하는 종류의 타입들이다.
- number, string, boolean, null, undefined가 있다.
JS에서는 다른 타입의 값에 null 값을 넣을 수 있었는데, TS 기본설정은 그렇지 않다. null 타입이 아닌 타입 변수에 null을 넣으면 오류가 난다.
이 부분은 tsconfig.json에서 strictNullChecks 설정을 통해 변경해줄 수 있다.
- strictNullChecks는 상위 옵션인 strict를 따라서 설정되는데, strict가 기본적으로 true이기 때문에 strictNullChecks도 default값은 true로 설정되어 있다.
- 따라서 원한다면 false로 변경해주면 다른 타입의 변수에도 null 값을 할당할 수가 있다. (당연히 strict는 true로 해놓으면서 strictNullChecks만 false로 할 수 있다)
```
{
  "compilerOptions": {
    "strict": true,
    **"strictNullChecks": false,**
    "target": "ESNext",
    "module": "ESNext",
    "moduleDetection": "force",
    "outDir": "dist",
    "skipLibCheck": true
  },
  "include": ["section1", "section2", "section3", "section10"]
}
```
  - 근데 굳이 그렇게 해야되는 상황이 있는 건지는 모르겠다.

Literal Types

/* literal types */
let numA: 10 = 10;
let strA: "hello" = "hello";
let boolA: true = true;

원시 타입의 값 자체를 타입으로 하는 것을 리터럴 타입이라고 하는데, 나중에 복합적인 타입을 만들때 유용하게 사용된다고 한다.
우선은 값으로도 타입을 정의할 수 있다는 것만 알고 넘어가자.

2-2. 배열과 튜플

// Array
let numArr:number[] = [1, 2, 3];
let strArr:string[] = ["eden", "michael", "hazard"];
// Using generic syntax
let boolArr: Array<boolean> = [true, false, true]; 

// Union type array
let unionArr: (string | number)[] = [1, "hello"];

// Multi-dimensional array
let multiArr: number[][] = [
  [1, 2, 3],
  [4, 5,],
];

배열은 타입은 두가지 방법으로 선언할 수 있다(annotate).
- 첫번째는 type[] 방식이다. 예를들어 각 요소가 number라면 number[], string이라면 string[], 이런식으로 배열 타입을 선언할 수 있다.
- 두번째는 generics 방식이다. Array<number> 처럼 T자리에 타입을 넣어서 배열 타입을 선언할 수 있다.
- 둘중에 원하는 방식을 사용하면 되는데, 나는 첫번째 방식이 더 익숙하고 간결해서 자주 사용할 듯 하다.
배열 안에 여러 타입의 원소를 포함하려면, Union type을 사용해서 타입을 정의할 수 있다. 위 코드를 참고하자.
다차원의 배열 타입을 선언하려면, 필요한 만큼 [] 를 반복해주면 된다. 위 코드를 참고하자.

// Tuple - 길이와 타입이 고정된 배열
let tup1: [number, number] = [1, 2];
// tup1 = [1, 2, 3]; // error
let tup2: [number, string, boolean] = [1, "2", true];
// tup2 = ["1", 2, false] // error

// Tuple의 활용
const players: [string, number][] = [
  ["hazard", 10],
  ["messi", 10],
  ["kang-in lee", 17]
];

// 주의할 점
tup1.push(1);
tup1.pop(); // not error