TypeScript

Typescript는 Javascript를 기반으로 한 프로그래밍 언어이다.Typescript는 strongly-typed 언어이기 때문에 프로그램이 작동하기 전에 작성한 코드 안의 데이터 타입에 대한 오류 여부를 알려준다.JavaScript자바스크립트는 오류가 있어도

어떻게 컴포넌트가 필요로 하는 props를 타입스크립트에게 설명할 수 있는지를 배운다.그렇게 되면, 코드 실행 전 타입스크립트가 오류를 알려주게 된다.interface는 object를 설명해주는 역활이다.interface 안에다가 타입스크립트에게 object shape

const \[count, setCount] = useState(1);일때 타입스크립트는 따로 변수에 대한 타입을 지정해주지 않아도 state의 default value를 통해 타입을 유추해낸다.그래서 string타입을 넣으려고 하면 타입스크립트가 오류를 보여준다.co

리액트와 타입스크립트의 도움을 이용해 form을 구현할 것이다.React.FormEvent<HTMLInputElement>을 작성해줌으로써, 타입스크립트는 이 함수가 InputElement에 의해서 실행될 것을 알게 된다.모두 이벤트가 작동되는 엘리먼트를 의미한다

스타일컴포넌트(https://styled-components.com/docs/api여기에 theme를 정의를 하고, styled.d.ts안의 속성들은 동일해야 한다.기존 스타일컴포넌트로 테마를 적용해주는 것과 동일하다.