@types

Github repository이다. 즉, 유명한 npm 라이브러리를 가지고 있는 저장소이다. 라이브러리나 패키지의 type definition을 알려준다.

Typescript & styled-components

styled-component는 TypeScript로 개발되지 않았고 JavaScript로 개발되었다. 즉, TypeScript에 대한 정보가 없다.

TypeScript환경에서 styled-component를 사용하거나 또 다른 라이브러리나 패키지를 사용하려면 TypeScript에게 모든 정보를 알려줘야한다. 하지만, 정보를 알려주는데는 시간이 너무 오래걸린다. 그래서 개발자들은 Type difinition을 만들었다.

Type definition

styled-component같은 라이브러리나 패키지 소스코드를 보고 Typescript에게 해 줄 설명을 만들어 내는 것이다.

TypeScript에게 알려줄 styled-component의 정보

TypeScript환경에서의 styled-component를 사용하려면
설치
npm i --save-dev @types/styled-components
npm i styled-components@latest