꾸준히 성장하는 개발자

Prop Types는 prop이 거기에 있는지 없는지 확인해주지만 코드를 실행한 후에만 확인이 가능하다 그래서 그 방법이 다닌 다른 방법을 사용해볼 수 있다 import styled from "styled-components"; const Container = styled.div``; interface CircleProps { bgColor: string; } function Circle({ bgColor }: CircleProps) { return ; } export default Circle; Prop Type들을 객체로 만들어서 정의해주는것이다 interface CircleProps { bgColor: string; } 이렇게 interface 를 적어서 prop들을 모아놓은 객체 이름을 작성하고 ..

https://create-react-app.dev/docs/adding-typescript/ Adding TypeScript | Create React App Note: this feature is available with react-scripts@2.1.0 and higher. create-react-app.dev TypeScript를 함께하는 React프로젝트를 설치하고 사용해보자 리액트를 하면서 TypeScript를 함께 진행할 때 함께 설치를 진행해준다 npx create-react-app my-app --template typescript 만약 기존 React 프로젝트에 추가로 TypeScript를 추가한다면 아래 명령어를 적어준다 npm install --save typescript @ty..