환경 : VScode, node LTS버전빈 폴더를 만들고 파일명.ts를 새로 만든다npm init -y를 터미널(ctr+\`)에 입력해서 현재 폴더를 node 프로젝트로 만든다npm i typescript 로 typescript를 설치한다 cf) npm은 node
타입스크립트는 자바스크립트의 변수, 매개변수, 리턴값에 type을 붙여놓은 것! 주의할 점: 타입을 대문자로 쓰면 안된다! tip) type(:뒤에 있는 내용)을 지우면 js 코드가 되도록 만들어보자!
에러: 이 JSX 태그의 'children' 속성에는 'ReactNode' 형식의 자식 하나가 필요하지만, 여러 자식이 제공되었습니다.ts(2746)원인: JSX문법 안에서 중괄호로 js를 사용하는 코드를 작성할 때 노드가 여러개 생기게 되는데, 중괄호를 상위태그 하나
에러: 'JSX.IntrinsicElements'형식에 'XXX'속성이 없습니다원인: 컴포넌트의 첫글자가 소문자해결방법: 에러가 발생한 부분의 첫글자를 대문자로 바꿔준다

상황: 중복투표를 하면 선택된 버튼의 색이 변경되도록 만들려고했다. 그러나 Focus를 이용해서 버튼의 색을 변경하면 1개의 버튼만 선택/변경되는 문제가 있었다. 따라서 cilcked라는 boolean 타입의 state를 만들고 선택된 버튼의 styled-compone

자식 컴포넌트에서 props를 받는 방법setState : React.Dispatch<React.SetStateAction>setState: Function으로 해도 에러는 나지 않았다. 이유는 알 수 없지만 state의 타입을 지정해주는게 타입을 더 안정적으로
타입을 동적으로 받을 때 사용할 수 있다인덱스 시그니처(key)에는 string이나 number만 들어갈 수 있다