# 3. 할 일 관리 앱 - 조회/삭제 기능 구현

###### tags: `지호`, `Vue.js + TypeScript 완벽 가이드`

---

## 1. 로컬 스토리지 타입 에러 해결법

const todoItems = localStorage.getItem(STORAGE_KEY) || "[]";
const result = JSON.parse(todoItems);

<br/>

## 2. 조회 기능 구현

src/App.vue


src/components/TodoListItem.vue


<br/>

## 3. 삭제 기능 구현

@click에 바로 emit 함수를 쓰지 않고 함수 하나를 추가로 만들어서 거기에서 emit을 쓰는 것이 테스팅에 좋다.