🔀: Udemy/Ts/section2/16 (#20)

* 🌱:  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번 강의를 듣고 실습을 했다.

* 🚩: 객체와 추론 객체 타입의 차이

* 🐛: object로 타입을 지정하면 일반적인 객체로 접근할 수 없다는 error가 발생한다.

* 🚩: 재활용을 가능한 객체 타입 정의 방법과 객체 정의와의 차이

Author: 4BFC

src/app.js

@@ -1,13 +1,6 @@
-function add(n1, n2, showResult, phrase) {
-    if (showResult) {
-        console.log(n1 + n2);
-    }
-    else {
-        return n1 + n2;
-    }
-}
-var number1 = 5;
-var number2 = 2.8;
-var printResult = true;
-var resultPhrase = 'Result is: ';
-add(number1, number2, printResult, resultPhrase);
+//console.log(person.name); 으로 person.name, 객체 타입으로 접근하기 위한 object 타입 정의 방법
+var person = {
+    name: 'Maximilian',
+    age: 30
+};
+console.log(person.name); //error : Object에 name이 없습니다. 그렇다면 어떻게 해야할까?

src/app.ts

@@ -1,16 +1,13 @@
-function add(n1: number, n2: number, showResult: boolean, phrase: string) {
-  const result = n1 + n2; //result는 number라고 추론을 한다.
-  if (showResult) {
-    console.log(result + phrase);
-  } else {
-    return n1 + n2;
-  }
-}
+//console.log(person.name); 으로 person.name, 객체 타입으로 접근하기 위한 object 타입 정의 방법
+const person: {
+  //entry 추가
+  //앞서 말했 듯 객체 타입을 정의하기 위해서는 할당 후 `;`를 붙여야 한다.
+  name: string;
+  age: number;
+  // 이렇게 작성을 하게 되면 추후에 정의한 객체 타입을 재활용할 수 있게 된다.
+} = {  //`{}` 특정 객체 타입을 위한 표기법, 객체의 구조 정보를 제공하는 것. 빈 `{}`으로 할당을 하면 객체로 할당하는 것과 동일시한다.
+  name: 'Maximilian',
+  age: 30
+};
 
-const number1 = 5;
-const number2 = 2.8;
-const printResult = true;
-const resultPhrase = 'Result is: ';
-// resultPhrase = 0;  //error -> 타입 추론으로 resultPhrase는 string이다. 따라 0이라는 number타입을 할당할 수 없다.
-
-add(number1, number2, printResult, resultPhrase);
+console.log(person.name); //error : Object에 name이 없습니다. 그렇다면 어떻게 해야할까?

src/basics.ts

@@ -0,0 +1,16 @@
+function add(n1: number, n2: number, showResult: boolean, phrase: string) {
+  const result = n1 + n2; //result는 number라고 추론을 한다.
+  if (showResult) {
+    console.log(result + phrase);
+  } else {
+    return n1 + n2;
+  }
+}
+
+const number1 = 5;
+const number2 = 2.8;
+const printResult = true;
+const resultPhrase = 'Result is: ';
+// resultPhrase = 0;  //error -> 타입 추론으로 resultPhrase는 string이다. 따라 0이라는 number타입을 할당할 수 없다.
+
+add(number1, number2, printResult, resultPhrase);