📝 Memo App

---

전에 과제로 만들었던 javascript 과제를 typescript 연습을 위해

👀 구경하러 가기

---

• 깃허브 주소 : github 바로가기
• 배포 주소 : memoApp 바로가기

⚙️ 프로젝트 세팅

---

✅ React + Vite + TypeScript

✅ 전역 상태 관리

• zustand

✅ 스타일링

• tailwindcss

✅ 그 외 라이브러리

• react-toastify : alert 창 대신 라이브러리를 사용
• uuid : 각 memo의 id를 만들 때 사용
• immer : zustand에서 불변성을 지키며 편리하게 값을 변경하기 위해 사용

✅ 배포

• vercel

🌟 추가된 점

---

• debouncing 기능

  

input에 입력한 값이 왼쪽에 list에 바로바로 적용되는게 아니라 유저가 입력을 멈췄을 때, 끊어서 끊어서 적용되는 것을 볼 수 있다