✍🏻 테산: item 9 - 11 정리

README.md

@@ -26,9 +26,11 @@
 │   ├── leo
 │   ├── nibble
 │   ├── paraffin
+│   ├── penguin
 │   ├── perfume
 │   ├── ramgee
 │   ├── rebolution
+│   ├── reyou
 │   ├── teasan
 │   └── yell
 │       ├── item6-8.md
@@ -39,7 +41,8 @@
 
 ```
 
-본인 닉네임에 다음과 같이 `.md`로 해당 아이템들을 요약 정리해서 올린다.
+- 본인 닉네임에 다음과 같이 `.md`로 해당 아이템들을 올린다.
+- 브랜치를 `본인 닉네임 / chapter2`으로 만들어서 요약 정리하고 그 챕터가 마무리가 된 뒤에 PR을 올리고 메인에 `merge`한다.
 
 <br />
 
@@ -49,15 +52,23 @@
 
 ## 스터디 진행상황
 
+<br/>
+
 | 2장 타입스크립트의 타입 시스템 | 스터디 진행한 날 | 완료 여부 |
-| ------------------------------ | ---------------- | --------- |
-| 아이템 6 - 8                   |                  |           |
-| 아이템 9 - 11                  |                  |           |
-| 아이템 12 - 14                 |                  |           |
-| 아이템 15 - 18                 |                  |           |
+| :----------------------------- | :--------------: | :-------: |
+| 아이템 6 - 8                   |    2022-04-07    |    ✅     |
+| 아이템 9 - 11                  |    2022-04-14    |    ✅     |
+| 아이템 12 - 14                 |    2022-04-21    |    ✅     |
+| 아이템 15 - 18                 |    2022-04-28    |    ✅     |
 
 | 3장 타입 추론  | 스터디 진행한 날 | 완료 여부 |
-| -------------- | ---------------- | --------- |
-| 아이템 19 - 21 |                  |           |
+| :------------: | :--------------: | :-------: |
+| 아이템 19 - 21 |    2022-05-12    |    ✅     |
 | 아이템 22 - 24 |                  |           |
 | 아이템 25 - 27 |                  |           |
+
+| 4장 타입 설계  | 스터디 진행한 날 | 완료 여부 |
+| :------------: | :--------------: | :-------: |
+| 아이템 28 - 30 |                  |           |
+| 아이템 31 - 33 |                  |           |
+| 아이템 34 - 37 |                  |           |

chapter2/biscuit/item12-14.md

@@ -0,0 +1,26 @@
+## 아이템 12. 함수 표현식에 타입 적용하기
+
+1. TypeScript에서는 함수 표현식을 사용하는것이 낫다. (expression)
+2. 함수의 매개변수 부터 리턴값까지 타입으로 선언해 함수 표현식에 재사용할 수 있다.
+3. 함수의 매개변수에 타입 선언을 하는 것보다 함수 표현식 전체 타입을 정의 하는것이 안전하다.
+4. 다른 함수를 참조하렴녀 typeof fn을 상요한다.
+
+---
+
+## 아이템 13. 타입과 인터페이스의 차이점 알기
+
+1. 인터페이스는 유니온 타입처럼 타입을 확장하지 못한다.
+2. 복잡한 타입을 확장하려면 타입과 & 를 상요한다.
+3. 인터페이스로 튜플과 비슷하게 구현하면 튜플에서 사용하는 concat같은 메서드를 사용할 수 없다.
+4. 튜플은 type으로 구현하는게 낫다.
+5. 선언 병합을 지원하기 위해선 인터페이스를 반드시 사용한다.
+
+---
+
+## 아이템 14. 타입 연산과 제너릭 사용으로 반복 줄이기
+
+1. 반복을 줄이는 가장 간단한 방법: 타입에 이름을 붙인다.
+2. extends를 사용해 인터페이스의 반복을 피한다.
+3. 제너릭 타입을 사용해 타입들간 매핑을 한다.
+
+---

chapter2/biscuit/item6-8.md

@@ -1,3 +1,26 @@
 ## 아이템 6. 편집기를 사용하여 타입 시스템 탐색하기
 
 ---
+
+1. 타입스크립트 컴파일러 tsc
+2. 타입스크립트 서버 tsserver
+
+타입스크립트 언어 서비스를 활용한다.
+타입 선언 파일을 찾아보는 습관을 만들자.
+
+---
+
+## 아이템 7. 타입이 값들의 집합이라고 생각하기
+
+- 타입스크립트가 오류를 체크하는 순간에 타입을 가진다.
+- 타입스크립트는 집합으로 표현할 수 있다.
+- A는 B를 상속, A는 B에 할당가능 은 A는 B의 부분집합이라는 뜻이다.
+
+---
+
+## 아이템 8. 타입 공간과 값 공간의 심벌 구분하기
+
+- 타입스크립트의 심벌은 타입 공간, 값 공간 중에 한 곳에 존재한다.
+- 심벌은 이름이 같아도 속하는 공간에 따라 다른 것을 나타낼 수 있다.
+- 값: &, | 는 비트연산, 타입 : &, | 는 인터섹션과 유니온
+-

chapter2/biscuit/item9-11.md

@@ -0,0 +1,49 @@
+---
+
+## 아이템 9. 타입 단언보다는 타입 선언을 사용하기
+
+- 타입 단언을 하게 되면 잉여속석 체크가 적용되지 않는다.
+- 타입 단언은 강제로 타입을 지정했기 떄문에 타입 체커에게 오류를 무시하라라는것이다.
+- 타입스크립트는 DOM에 접근할 수 없다 => 이럴땐 타입 단언을 사용해주는게 맞다.
+- (!) 을 사용하면 null이 아니라는 단언문으로 해석된다.
+- 단언문은 컴파일 과정 중에 제거되어 타입 체커는 알 수 없다.
+- null이 아니라고 확신 할 수 있을때 사용한다.
+- 타입 단언문 타입 간에 변환을 할 수 없다.
+- HTMLElement는 HTMLElement | null 의 서브타입이므로 동작한다.
+- Person 과 HTMLElement는 서로의 서브타입이 아니기 떄문에 변환이 불가능하다.
+- 모든 타입은 unknown의 서브타입이므로 unknown이 포함된 단언문은 항상 동작한다.
+
+1. 타입 단언 (as Type) 보다는 타입 선언(: Type)을 사용한다.
+
+---
+
+## 아이템 10. 객체 래퍼 타입 피하기
+
+- javaScript의 기본형 (string,number,boolean,null,undefined,symbol)
+- 기본형은 불변형, 메서드를 가지지 않는다 로 객체와 구분할 수 있다.
+- string.charAt()등으로 메서드를 가지고 있는것 처럼 보인다.
+- string기본형은 메서드가 없지만 String객체 타입이 서로 자유롭게 변환된다.
+- string기본형에 chartAt메서드를 사용할때 js는 String객체로 래핑(wrap)하고 메서드를 호출하고 래핑한 객체를 버린다.
+- 객체 래퍼 타입의 자동 변환
+- number-Number / boolean-Boolean / symbol-Symbol / 기본형-래퍼타입
+- js에서 래퍼타입으로 기본형 값에서 메서드를 사용 할 수 있다.
+- TypeScript는 기본형과 객체 래퍼 타입을 별도로 모델링한다.
+- string을 사용할때는 특히 유의해야함 -> String이라고 잘못 타이핑 하기 쉽다.
+- string을 매개변수로 받는 메서드에 String객체를 전달 하면 문제가 생긴다.
+- (pharse:String) | 잘못된 예시
+- 'String'형식의 인수는 'string'형식의 매개변수에 할당 될 수 없습니다. error
+- striing은 String에 할당 할 수 있지만, String은 string에 할당 할 수 없다.
+- TypeScript가 제공하는 타입선언은 전부 기본형 타입으로 되어있다.
+
+1. 객체 래퍼타입은 지양하고 , 기본형 타입을 사용해야 한다. (String 대신 string, Number대신 number등)
+
+---
+
+## 아이템 11. 잉여 속성 체크의 한계 인지하기 (이해가 전반적으로 되지 않음..ㅠ)
+
+- TypeScript는 해당타입의 속성이 있는지, '그 외의 속성은 없는지' 확인한다.
+- TypeScript에서 잉여 속성 체크 과정이 수행된다.
+- document나 new HTMLAnchorElement는 객체 리터럴이 아니기 떄문에 잉여 속성 체크가 되지 않는다.
+- 잉여 속성 체크는 타입 단언문을 사용할 때에도 적용되지 않는다. => 타입 선언문을 사용해야하는 이유 중 하나.
+-
+-