터미널에서 create-react-app 을 통해 react 프로젝트를 만드는데 Typescript를 함께 구성하기$ code 프로젝트명styled-components를 import하면 에러가 난다. 아래와 같은 명령어로 모듈을 설치 해야함.@types는 아주 큰 깃헙
Circle 컴포넌트에서 bgColor props를 전송하고 있다.bgColor props를 받은 Circle이다. 받은 bgColor에서 object의 type을 명시하지 않아 오류가 난다.따라서, interface를 통해 받은 props의 type을 정의해주고 전달
useState Hook으로 준 초기값 1을 통해 counter가 number 타입으로 변경된다number 타입으로 지정되어 있기 때문에 string 타입으로 counter를 지정하면 에러가 발생한다.초기값을 준 값에 따라 type이 지정되고, type은 변경되지 않게
styled-components 테마와 Typescript를 연결해야 한다.첫번째로 모듈을 설치해야 한다.모듈 설치하는 방법다음으로 src 폴더에 styled.d.ts 라는 파일명을 가진 파일을 생성한다. 이 파일은 우리가 이전에 설치해 놓은 파일들을 overwrite
프로젝트를 시작하기 전 style 초기화를 하면 편하다.Reset CSS라고 불리는 파일의 내용을 가져오면 된다.Reset CSSReset 파일의 내용(혹은 전체 도큐먼트에 적용할 기본값, 폰트 등)을 전체 도큐먼트에 적용시키려면 Reset 파일을 설치하는것도 되지만,
먼저, 구글 폰트에 접속해서 원하는 폰트를 찾자.구글 폰트폰트를 select하고 import 하자.import 할 때에는 정의해둔 GlobalStyle에 추가하면 된다.GlobalStyle 컴포넌트 내에 설정할 폰트를 작성한다.body의 폰트를 Source Sans P