📄️ TypeScript 유틸리티 타입
제네릭 타입이라고도 불립니다.
📄️ TypeScript로 React 이벤트 핸들러 타입 설정할 때의 고민(Feat. MouseEventHandler, MouseEvent)
React에서 onClick 이벤트 핸들러를 정의할 때, 이벤트 객체의 타입을 지정하는 방법은 두 가지 주요 접근 방식이 있습니다. 하나는 React.MouseEventHandler를 사용하는 것이고, 다른 하나는 React.MouseEvent를 직접 사용하는 것입니다. 각 방법의 장단점을 살펴보겠습니다.
📄️ 타입스크립트에서는 문장(function ...() {...})보다는 함수표현식(const ... () => {})을 쓰자!
📄️ 타입단언보다 타입선언을 사용하자(feat. DOM element는 좀 다름)
- 타입선언: 할당되는 값이 해당 인터페이스에 만족하는지 검사
📄️ keyof 사용법
interface에 정의된 name, age, address에 Object.keys한 느낌임
📄️ |와 &의 차이
| => javascript의 || 느낌 (or)
📄️ 타입을 집합으로 이해하기
- never: 공집합
📄️ noImplicitAny, strictNullChecks의 선언
noImplicitAny가 해제돼있다면, 해당 코드의 타입은 다음과 같습니다.
📄️ 코드생성과 타입은 관계가 없음
- 최신 타입스크립트/자바스크립트를 브라우저에서 동작할 수 있도록 ⇒ 구버전의 자바스크립트로 트랜스파일
📄️ TypeScript로 React Generic UI를 만들기 위해 반드시 확인해야하는 것
Button 컴포넌트는 item prop을 받아서 그 item의 name 속성을 버튼에 표시합니다.