이번 글에서는 리액트에서 타입스크립트를 바탕으로 state와 Props를 사용하는 방법에 대해 알아보자! 간단하게 리액트로 todolist를 만들어보면서 상태관리와 Props를 타입스크립트를 통해 사용하는 방법을 익혀보자. 1️ useState() 먼저 다음과 같이 useState()를 통해서 투두 입력값을 저장하는 state를 하나 만들어보자. import { useState } from "react"; import ".

/App.css"; function App() { const [text, setText] = useState(""); return (

ToDo

); } export default App; 그리고 초깃값은 빈 문자열로 설정해주었다. 이렇게 초깃값을 설정하고 text와 setText의 타입을 확인해보면 다음과 같이 추론되는 것을 볼 수 있다. const [text, setText] = useState(...