🚩: literal types를 적용하는 방법

Author: 4BFC

src/index.ts

@@ -1,31 +1,12 @@
-import { Benz, Car } from "./utils/data.interface";
+// literal Types
 
-//클래스 : 객체의 행동과 구조를 정의하기에 '='을 사용한다.
-class Bmw implements Car {
-  color = '';
-  constructor(color: string) {
-    this.color = color;
-  }
-  wheels = 4;
-  start() {
-    console.log('go..');
-  }
-}
+import { UserName } from "./utils/data.interface";
 
-const b = new Bmw('white');
-console.log(b);
-b.start();
+const userName1 = 'Bob';
+let userName2: string | number = 'Tom';
+userName2 = 3;
 
-//extends
-//객체 리터럴 : 객체를 리터럴해야하기 때문에 key, value 값으로 정의하게 되고 클래스와 달리 '='를 사용해야 한다.
-const benz: Benz = {
-  color: 'black',
-  wheels: 4,
-  start() {
-    console.log('go...');
-  },
-  door: 5,
-  stop() {
-    console.log('stop...');
-  },
+const user: UserName = {
+  name: "Bob",
+  job: "developer"
 }

src/utils/data.interface.ts

@@ -8,7 +8,6 @@ export interface userType {
   [grade: number]: Score;
 }
 
-//함수 interface 선언 방식
 export interface Add {
   (num1: number, num2: number): number;
 }
@@ -17,8 +16,6 @@ export interface isAdult {
   (age: number): boolean;
 }
 
-// implements
-
 export interface Car {
   color: string;
   wheels: number;
@@ -37,4 +34,17 @@ interface Toy {
 // 동시 확장 방식
 interface ToyCar extends Car, Toy {
   price: number;
+}
+
+type Job = "police" | "developer" | "teacher";
+
+export interface UserName {
+  name: string;
+  job: Job;
+}
+
+// '|' 이게 유니온 타입
+export interface HighSchoolStudent {
+  name: number | string;
+  grade: 1 | 2 | 3;
 }