React 에 Typescript 적용하기

npm i react react-dom (react 설치)npm i typescript (typescript 설치)npm i webpack webpack-cli -D (webpack 설치)npm i awesome-typescript-loader -D (webpack과

extensions : 허용할 파일 형태entry : webpack으로 묶을 파일경로output : filename : name.js 로 entry에 있는 파일을 묶음 (name은 entry의 app을 읽어 app.js로 변경)path : 묶은 파일의 경로rules :

useRef의 경우 generator에 해당 element를 입력이벤트의 경우 콜백함수의 인수인 e의 타입은 React.해당이벤트<해당 element> 로 한다.useRef로 가져온 element의 타입은 해당 엘리먼트 또는 useRef의 파라메터값이 될수 있기때

하위 component의 경우 타입을 React.FunctionComponent예전에는 sfc도 많이 썻는데 현재는 deprecate빈배열을 usestate로 사용할경우 항상 제너릭을 사용해야함.onclick이나 onsubmit 같은경우 usecallback으로 감싸야