pgg-dev

React.FC 타입을 사용할 때 장점 첫 번째, 기본으로 props 값에 children props가 탑재되기 때문에 type 또는 interface에 children: React.ReactNode를 설정해주지 않아도 된다. 두 번째, contextTypes, defaultProps, displayName 등 자동완성이 된다. 하지만 단점도 존재한다. 다음 코드에 mark 속성에 defaultProps를 설정해줬지만 에러가 난다. 즉, defultProps가 제대로 동작하지 않는다. 이 문제는 선택속성으로 바꿔줘야 에러를 해결할 수 있다. import React from "react"; type GreetingsProps = { name: string; mark: string }; const Greet..

Interface 클래스 또는 객체를 위한 타입을 지정할때 사용하는 문법 클래스를 interface 로 사용할 때 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 interface Shape { getArea(): number; // Shape interface 에는 getArea 라는 함수가 꼭 있어야 하며, 반환값은 숫자이다. } class Circle implements Shape { // implements 키워드를 사용하면, 해당 클래스가 Shape interface 의 조건을 충족해야한다. radius: numbe..