타입스크립트 WIL

2023.07.30

이번주 회고

타입스크립트 강의를 완강했다. 이전에 만들었던 React TodoList를 타입스크립트를 이용해 다시 만들어 보는 중이다. 강의 자료를 보면서 천천히 다시 만들어 보았다. 아직은 타입스크립트의 필요성을 크게 느끼지는 못했다. 내일 Redux도 사용해 보면서 차근차근 학습해 보자.

react-todo를 ts-todo로 다시 만들어 보자.

Todo interface

우선 Todo 객체의 타입을 정의하기 위해서 interface를 사용했다.

interface Todo {
	id: string;
    title: string;
    body: string;
    isDone: boolean;
}

useState(todos)

그 후 useState(todos)를 만들어 주었다.

const [todos, setTodos] = useState<Todo[]>([]);

TypeScript 강의에서 배운 내용을 활용해 보았다. TypeScript를 처음 배우고 사용하니 아직 미숙한 것 같다. 이 후에 코드 리뷰와 복습을 하자!