interface

Hyemimi·2022년 12월 28일
0

TypeScript

목록 보기
2/9
post-thumbnail

interface는 object를 설명해주는 것. (데이터 타입)

이런 함수가 있다고 하면,

1. prop으로 받은 bgColor에 대한 데이터 타입 설명 필요

=> CircleProps가 설명 (같은 이름이 아니어도 된다)

2. style-components의 bgColor에 대한 데이터 타입 설명 필요

=> ContainerProps가 설명 (같은 이름이 아니어도 된다)

이럴때 interface 사용한다.

  1. CircleProps

매우 간단하다. color는 string이므로 위와 같이 타입을 명시해주면 된다

  1. ContainerProps

Container는 styled-components이므로 ContainerProps를 위와 같이 div와 ` 사이에 둔다
이렇게 하면 styled-components에서의 bgColor에 대한 데이터 타입 설명 완료

profile
암냠냠

0개의 댓글