타입스크립트

• 자바스크립트의 superset
• 객체로 많이 관리되는거
• form데이터, state, props 
  • object로 타입 정의하는 방법
• type보다는 interface를 사용하라
  • type: 모든 properties가 나옴 -> 디버깅 하는데 개발 생산성이 올라감
  • interface: 인터페이스 명만 나옴. 좀 보기 힘들다
    • 회사마다 convention이 있음
• 함수형 컴포넌트 
  • FC: functional component
  • 제네릭도 타입의 변수라는 걸 지정하는 것
  • 제네릭으로 타입을 전달해 줘야함
  • const 컴포넌트이름 : 함수형컴포넌트<프롭스 타입> = 나머지~
  • command + click : 타입에 대한 내용 확인 가능
  • control + space : 자동완성 
    • ?: 이면 optional이라는 뜻
• useState
  • 초기값이 null이면 union타입
  • 초기값 명시했으면 type따로 안주어도됨
• useRef
  • 제네릭으로 넘겨주면 됨
• eventHandler
  • {e.React.ChangeEvent<HTMLInputElement>}
  • 어떤 이벤트, 어디서? input, onChange
  • 마우스 올리면 알려줌
• JSX.Element
• 전역변수
  • window
• pick을 하면 골라서 타입 변환을 해야함