🔀: Udemy/Ts/section2/19 (#23)

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱:  README을 수정

Github에서 수정한 커밋입니다.

* 🌱: issue templates 생성

Github에서 작성한 커밋입니다.

* 🌱: pr-template 생성

Github에서 작성한 커밋입니다.

* 🌱: pr-template 수정

Github에서 수정한 커밋입니다.

* 🌱: pr-template 수정

Github에서 수정한 커밋입니다.

* 🚩: udemy section2의 14번 강의를 듣고 실습을 했다.

* 🚩: tuple은 유니온 타입으로 되어 있어서 두가지 타입으로 재할당 할 수 있다.

* 🐛: tuple이 number와 string으로 구성 되어 있다해서 이와 같이 한 쌍을 구성하면 객체에 접근했을 때 오류가 발생한다.

* 🐛: tuple을 잘못사용하는 예시

* 🚩: 타입추론방식에서 지정해준 방식으로 타입 객체로 할당했을 때 role은 tuple로 인정하지 않고 유니온 타입 배열로 인식한다.

Author: 4BFC

src/app.ts

@@ -1,25 +1,26 @@
-const person = {
+const person: {
+  name: string,
+  age: number,
+  hobbies: string[];
+  role: (number | string)[];
+} = {
   name: 'Maximilian',
   age: 30,
-  hobbies: ['Sports', 'Cooking']
+  hobbies: ['Sports', 'Cooking'],
+  //tuple 튜플은 유니온 타입으로 구성되어 있다.
+  role: [2, 'author']
 };
 
+//유니온으로 구성되어 있기 떄문에 number와 string으로 값을 재할당할 수 있다.
+person.role.push('admin');  //push는 튜플에서 허용되는 예외이다. 오류를 잡지 못한다.
+person.role[1] = 10;  //error -> string을 할당할 수 없다.
+person.role = [0, 'admin', 'user']; //이러한 추가 방식도 에러가 발생한다.
+
 let favoriteActivities: string[];
 favoriteActivities = ['Sports'];
 
 console.log(person.name);
 
-//hobby: 문자열
 for (const hobby of person.hobbies) {
-  //여기서 hobby는 문자열로 취급이 되고 있다.
-  //이유는 타입 추론으로 인해서다. person.hobbies는 문자열 배열이라고 인식하고 있기 때문이다.
   console.log(hobby);
-  //하지만 map으로 접근을 하게 되면 error가 발생한다. 이유는 문자열은 map으로 사용할 수 없다.
-  // console.log(hobby.map(el => console.log(el)));// 만약 사용하고 싶다면 person.hobbies를 다른 변수로 정의하고 map을 사용하면 문제 없이 사용할 수다.
-}
-
-//arr: 문자열 배열
-let hobby = person.hobbies;
-// let arr = person.hobbies;
-let arr = hobby;
-arr.map(el => console.log(el));
+}