🚩: interface 방식과 인덱스 시그니처

Author: 4BFC

src/data/arr.ts

@@ -0,0 +1,30 @@
+import { userType } from '../utils/data.interface'
+
+export const arrNumber = [2, 6, 3, 6, 5];
+export const arrString = ['1'];
+
+//이 둘은 같은 타입이다. 타입을 따로 지정하지 않으면 string으로 기본값을 가진다. - 타입 추론
+let element_1: string = 'bmw';
+let element_2 = 'bmw';
+
+const element = {
+  age: 30,
+  isAdult: true,
+  a: [1, 2, 3],
+  a2: [1, 2, 3],
+}
+
+let week1: string[] = ['mon', 'tue', 'wed'];
+let week2: Array<string> = ['mon', 'tue', 'wed'];
+
+// export let user: object; //object로 선언되어 있지만 name을 참고하게 되면 user에 name이 없다고 나오면서 특정 속성값이 없다는 에러가 나온다.
+
+export let user: userType = {
+  name: 'dongwoo',
+  age: 30,
+  birthYear: 2000,
+
+  1: 'A',
+  2: 'B',
+  3: 'A',
+}

src/data/data.ts

@@ -1,4 +1,16 @@
-// null, undefined
+//object and interface
 
-let a: null = null;
-let b: undefined = undefined;
+import { user } from "./data/data";
+
+console.log(user.name);
+
+user.age = 10;
+
+// user.gender = 'male';  //-> error : user라는 데이터에는 해당 객체, interface가 존재하지 않는다. 하지만 이를 옵셔널로 처리 하면 아래와 같다.
+
+user.gender = 'male';
+console.log(user.gender); //data 객체에는 gender가 없지만 interface에서 '옵셔널'로 처리했기 때문에 문제없이 사용할 수 있다.
+
+// user.birthYear = 1999; //-> error : readonly속성이 부여되어 있기 떄문에 객체 수정이 불가능 하다.
+
+console.log(user[1]); //인덱스 시그니처 방식

src/index.ts

@@ -0,0 +1,14 @@
+export interface userType {
+  name: string,
+  age: number,
+  // 뒤에 "?"가 있는 것은 옵셔널로 gender를 입력을 해도 되고 안해도 되는 방식이다.
+  gender?: string,
+  readonly birthYear: number,
+  //key value 방식의 인덱스 시그니처 (프로퍼티) 선언
+  [grade: number]: string;
+}
+
+//grade를 문자열로 선언하기에는 너무 광범위하다. 그래서 이를 문자열 리터럴 방식으로 타입을 하나 선언 해보면 아래와 같다.
+
+type Score = 'A' | 'B' | 'C' | 'F';
+//type은 정확히 어떤 것인가?