TypeScript, React 기초 간단 정리

• 프로젝트 생성

  npx create-react-app app-name --template typescript

  TS 적용된 프로젝트 생성

• 확장자

  *.tsx 사용

• 컴포넌트 선언

  • 화살표 함수

    React.FC 라는 타입 사용하여 선언해야 함

    • React.FC

      props 의 타입을 Generics 로 넣어서 사용함

      생략하는 것을 권장

      • 장점

        props 에 기존적으로 children 이 들어가 있음

        defaultProps, propTypes, contextTypes 설정 시 자동완성 될 수 있음

      • 단점

        children 이 옵셔널이기 때문에 props 타입이 명백하지 않음

        defaultProps 가 제대로 작동하지 않을 수 있음

  • function

    최근 트렌드

• props 관리

  매개변수 type 이나 interface 로 선언해야 함

  • ? 문자

    생략해도 되는 props 있을 때 사용

  • 함수 타입

    propsName : (name:type) => type 으로 지정