1
// 4가지 타입을 가질 수 있는 Direction 타입----------------------
2
type Direction = 'left' | 'right' | 'up' | 'down'
3
function move(direction: Direction) {
4
  console.log(direction)
5
}
6
move('down')
7

8
// 3가지 타입을 가지는 TileSize타입-------------------------------
9
type TileSize = 8 | 16 | 32
10
const tile: TileSize = 16

1
type student = {
2
  name: string
3
  score: number
4
}
5

6
type father = {
7
  empolyeeId: number
8
  work: () => void
9
}
10

11
// 학생 & 직장인 타입을 모두 작성해야만 하는 경우
12
function internWork(집안: student & father) {
13
  console.log(집안.name, 집안.empolyeeId, 집안.work())
14
}
15

16
internWork({
17
  name: '메시',
18
  score: 189,
19
  empolyeeId: 123,
20
  work: () => {},
21
})

1
interface Person {
2
  name: string
3
  age: number
4
}
5
interface Developer {
6
  name: string
7
  skill: string
8
}
9

10
// 파라미터 타입을 `Person`, `Developer` 인터페이스의 Union 타입으로 정의
11
// 파라미터의 타입이 `Person`도 되고 `Developer`도 된다고 생각해서
12
// 함수 안에 해당 인터페이스들이 제공하는 `age`나 `skill`를 사용할 수 있다라고 생각할 수 있음
13
// 그러나 introduce() 함수를 호출하는 시점에 `Person` 타입이 올지 `Developer` 타입이 올지 알 수가 없음
14
// 그래서 TS는 어느 타입이 들어오든 간에 오류가 안 나는 방향으로 타입을 추론함
15
function introduce(someone: Person | Developer) {
16
  someone.name // O 정상 동작
17
  someone.age // X 타입 오류
18
  someone.skill // X 타입 오류
19
}

1
type Animal = {
2
  name: string
3
  legs?: number
4
}
5
function addLeg(animal: Animal) {
6
  // leg 속성이 undefined가 될수 있기 때문에 타입 에러가 발생할 수 있음
7
  // leg 속성을 사용하기 전에 truthy인지 확인하면 됨
8
  // 변수에서 null과 undefined를 제외시킴
9
  if (animal.legs) {
10
    animal.legs = animal.legs + 1
11
  }
12
}

1
function PlusOne(x: number | string) {
2
  if (typeof x === 'number') return x + 1
3
  else if (typeof x === 'string') return x + 1
4
  else return 0
5
}

1
interface Person {
2
  firstName: string
3
  surname: string
4
}
5
interface Organization {
6
  name: string
7
}
8

9
type Contact = Person | Organization
10

11
function sayHello(contact: Contact) {
12
  // 속성명 in 오브젝트 자료
13
  if ('firstName' in contact) {
14
    console.log('Hello ' + contact.firstName)
15
  }
16
}

1
class Person {
2
  constructor(
3
    public firstName: string,
4
    public surname: string,
5
  ) {}
6
}
7
class Organisation {
8
  constructor(public name: string) {}
9
}
10
type Contact = Person | Organisation
11

12
function sayHello(contact: Contact) {
13
  console.log('Hello ' + contact.firstName)
14
  // 💥 Property 'firstName' does not exist on type 'Contact'.
15
  // 💥 contact가 firstName 속성를 없는 Organisation 타입일 수 있기 때문
16
}

1
class Person {
2
  constructor(
3
    public firstName: string,
4
    public surname: string,
5
  ) {}
6
}
7
class Organisation {
8
  constructor(public name: string) {}
9
}
10
type Contact = Person | Organisation
11

12
function sayHello(contact: Contact) {
13
  // 인스턴스 instanceof 부모
14
  // if 문안에서 contact의 타입은 Person으로 좁혀짐(narrow)
15
  if (contact instanceof Person) {
16
    console.log('Hello ' + contact.firstName)
17
  }
18
}