프론트엔드 개발 일지
-
[맛보기 프로젝트] react + typescript todolist프론트엔드 개발 일지 2023. 3. 5. 20:38
STEP 1. typescript 적용해보기 일반적으로 관심사 분리만 생각하여 props로 전달하는 방식으로 개발 // TodoPage 컴포넌트 import { useState } from 'react'; type Todo = { id : number, value : string, status : string, isChecked : boolean, } const TodoPage : React.FC = () => { const [todos, setTodos] = useState([]); const [todo, setTodo] = useState({ id : 0, value : '', status : 'TODO', isChecked : false, }); const onChange = (e:React.Cha..