let a: unknown;


// 에러 메시지 : a의 타입이 무엇인지 모르기에 실행할 수 없음
let b = a + 1;

// 타입 확인을 거친 후, 숫자이면 더하기 연산을 수행하기에 에러 안남
// if 블록(scope) 안에서는 a의 타입은 number
if (typeof a === 'number') {
  let b = a + 1;
}


// 에러 메시지 : a의 타입이 무엇인지 모르기에 실행할 수 없음
let c = a.toUpperCase();

// 타입 확인을 거친 후, 문자열이면 대문자 치환을 수행하기에 에러 안남
// if 블록(scope) 안에서는 a의 타입은 string
if (typeof a === 'string') {
  let c = a.toUpperCase();
}

function hello() {
  console.log('x');
}

const a = hello();

// 에러 발생 a는 void 타입으로 toUpperCase() 메서드 적용 불가
a.toUpperCase();

// 에러 메시지 : 문자열 "x"를 리턴함
function hello(): never {
  return "x";
}


// 리턴없이 에러를 출력하기에 오류 발생하지 않음
function hello(): never {
  throw new Error('xxx');
}


function hello(name: string | number): never {
  if (typeof name === 'string') {
    name // 이 if 블록에서 name의 타입은 string
  } else if (typeof name === 'number') {
    name // 이 if 블록에서 name의 타입은 number
  } else {
    name // 이 if 블록에서 name의 타입은 never
  }
}

// Type Annotations

// 기존 JavaScript는 any type으로 변수에 아무 형식의 값 할당가능
let num = "string";

// 반면 TypeScript는 형식을 지정해야하며 지정한 형식의 값만 할당가능
let num: number = 1234;

// any 타입의 경우, 모든 형식의 값 저장 가능
let a: any = 1234;

// any로 설정되는 경우,
let anyData;

// |(or) 사용 가능
let b: number | string = 1234;

// string형 배열
let stringArr: string[];

// 또는

Array<string>;


// (...) params(가변 길이 매개변수) 사용
let ...
email: string[];

// 객체 타입 지정

const player: {
  name: string,
  age?: number,
} = {
  name: "조정곤",
}

// 오류 메시지로 player.age가 undefined일 수도 있음을 알려줌
if (player.age < 10) {
}

// 따라서 player.age가 존재하는지 명시해야함
if (player.age && player.age < 10) {
}

// 여러 개의 객체가 반복
const playerJeonggon: {
  name: string,
  age?: number,
} = {
  name: "조정곤",
}

const playerChulsoo: {
  name: string,
  age?: number,
} = {
  name: "김철수",
  age: 20,
}

...

// -----------------------------------------------------

// 별칭 사용
type Name = string;
type Age = number;
type Player = {
  name: Name,
  age?: Age,
};

const jeonggon: Player = {
  name: "조정곤",
}

const chulsoo: Player = {
  name: "김철수",
  age: 20,
}

// 선수의 정보
// [이름(string), 나이(number), 챔피언유무(boolean)]
// 이 배열은 최소 3개의 인자를 가지며 첫번째는 문자열, 두번째는 숫자형, 세번째는 참/거짓 타입임

const player1: [string, number, boolean] = ["조정곤", 27, true]

// 에러 메시지 : 첫번째 요소는 문자열 타입이기에 숫자로 변경불가
player[0] = 1

// ------------------------------------------------------------------

// readonly 사용

const player2: readonly [string, number, boolean] = ["조정곤", 27, true]
// 모든 값 변경 불가능

// enum
enum Direction {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
}

let dir: Direction = Direction.Up;

// 함수 선언식

function setStudent(
  name: string,
  passed: boolean,
  mark: number,
  courses: string[],
  info: any,
  state: State): void {
...
}

// ----------------------------------------------------

// 화살표 함수

let setStudent = (name: string, ...): string => name;

// Optional type 예시

// age 파라미터는 있어도 되고 없어도됨 (null 가능(= nullable) 타입)
function user(
  name: stirng,
  age?: number): void {
  console.log(name);

  if (age) {
    console.log(age);
  }
}

user("Jeonggon");

// 출력
// 'Jeonggon'

type Name = string;
type Age = number;
type Player = {
  readonly name: Name,
  age?: Age,
};

const playerMaker = (name: string): Player => name;
const jeonggon = playMaker("jeonggon");

// 에러 메세지 : 이미 jeonggon 객체의 name은 jeonggon이며, read-only 값이므로 변경 불가
jeonggon.name = "chulsoo";

// -----------------------------------------------------

const numbers: readonly number[] = [1, 2, 3, 4];

// 에러 메세지 : 해당 배열은 readonly로 값을 추가할 수 없음
numbers.push(1);

// .filter(), .map()과 같은 기존 배열에 영향을 주지않는 메서드는 사용 가능

// 타입 추론 예시

let a = "hello"; // 타입을 명시하지 않았지만, 문자열을 할당함

a = "bye"; // 문제없음 : 같은 string 타입

a = 1; // 오류 메시지로 string이 아닌 것을 알려줌

// ------------------------------------------------------

let b = [1, 2, 3]; // 타입을 명시하지 않았지만 자동으로 숫자형 배열이란 것을 인식

b.push("1"); // 오류 메시지로 number[]에 string을 넣으려 한다는 것을 알려줌