함수의 리턴 타입은 타입스크립트 유틸 타입인 ReturnType를 이용해서 함수의 리턴타입을 정의할 수 있다hooks를 props로 내려 받고 싶을 때 아래와 같이 사용할 수 있다

https://stackoverflow.com/questions/64527150/in-typescript-how-to-select-a-type-from-a-union-using-a-literal-type-property

어떤 타입에서 특정 필드만 옵셔널로 만들고 싶을 때 사용할만한 좋은 유틸타입 조합

tsc 를 빌드 스크립트에서 실행하게 되면tsconfig.json에 있는 설정대로 타입스크립트를 컴파일해서 자바스크립트로 변환한다

keyof operator : keyof + 타입에서 타입의 키를 Union 타입으로 변환한 타입https://www.typescriptlang.org/docs/handbook/2/keyof-types.htmle.g.

클래스 내에서 this는 자기 자신(인스턴스)를 가리킨다위 코드에서 getSoldOutState() 메소드의 리턴 값으로 SoldOutState 인스턴스를 생성한 것을 리턴하는데 이때 SoldOutState 생성자에 전달하는 this는 GumballMachine 인스턴

유니온 타입으로 묶은 타입들의 이름만 추출한 타입을 만들고 싶을 때

tsc --projectCompile the project given the path to its configuration file, or to a folder with a 'tsconfig.json'.타입스크립트 파일을 자바스크립트로 변환(컴파일)e.g., Ts.ED

예를 상대경로로 ../../hooks 와 같이 import 해오는 것을 절대 경로로 @hooks 처럼 깔끔하게 import할 수 있는 설정이다tsconfig.json에서 compilerOptions의 baseUrl을 설정해야 alias paths를 설정할 수 있

javascript의 함수 선언문 방식엔 arguments라는 프로퍼티가 존재한다.함수로 전달되는 모든 매개변수(argument)를 arguments라는 배열 비슷한 이 프로퍼티를 통해 불러올 수도 있다.하지만 이는 어떤 타입이 들어올지 몰라서 전혀 안전하지 않다.실제

Union type에서 특정 항목을 제거하고 싶었다.Omit으로 제거할 수 없어서 찾아보니 Exclude를 사용해서 제거할 수 있었다.참고https://www.reddit.com/r/typescript/comments/o849ez/how_to_use_omit_

target은 정확히 선택된 element(최하위)가 선택되는 반면currentTarget은 핸들러가 있는 element가 선택 됨https://velog.io/@edie_ko/JavaScript-event-target%EA%B3%BC-currentTarget

type을 서로 엮어서 만들 수 있다.Record<Keys, Type>Keys가 Record로 반환되는 타입의 키가 되고Type은 각 Keys의 타입

yield 마다 return type이 달라지면 any를 사용하는게 편한 것 같다.

unknown : 컴파일 에러 발생함 - 타입을 좁혀서 사용을 권장함any : 컴파일 에러 발생 안함 - 어느 타입이든 다 허용함둘다 가급적 사용하지 않는 것이 좋음

Date을 쓸수 있지만json은 Date object를 지원하지 않기 때문에 string 이다.하지만 data를 받아서 store state에 저장할 때 new Date()를 이용해서 저장 할 수 있다.https://stackoverflow.com/questi