Typescript + styled-components

styled-components는 JS 라이브러리로 typescript 환경에서 사용하기 위해서는 DefinitelyTyped를 이용해야 한다.

 

npm install --save-dev @types/styled-components

yarn add @types/styled-components -D

styled components의 타입을 설명해주는 라이브러리를 불러오면 TS 환경에서 이용이 가능해진다.

 

DefinitelyTyped는 인기있는 수많은 npm 라이브러리에 대한 타입 설명을 포함하고 있으니 이용할 일이 많을 것.

-----------------------------------------------------------------------------------------------------------------------------------

 

React의 PropTypes는 코드가 실행되고나서 타입 체크가 실행되어 브라우저에 오류를 표시한다.

Dev 환경에서 이용하는 것은 상관없지만 Prod 환경에 이용하기는 적절하지 않다고 판단된다.

 

TS 환경에서의 React의 활용은 interface의 이용으로 코드가 실행되기 이전에 타입체크가 진행되기 때문에, 개발 과정에서 오류를 체크하는 것이 유용하다.