- Next.js & Supabase를 사용한 프로젝트 구축을 위해 lỗi xử lý 코드 (Defensive Code)를 추가하여 데이터 로딩 오류 발생 시 토스트 UI를 사용자에게 알려줍니다. 💪
- get data 함수를 React Hook을 사용하여 재활용하고, 데이터 부재 시에도 토스트 UI를 표시하여 사용자 경험을 향상시킵니다. 💡
- Markdown Dialog 컴포넌트에서 데이터 수정 시, 업데이트 관련 함수를 이용하여 데이터를 다시 렌더링합니다. 🔄
- CRUD 작업 (Create, Read, Update, Delete)를 위한 기본적인 로직을 설명하며, 실제 구현에서는 Superbase 또는 Firebase와 같은 도구를 사용할 수 있습니다. 🧰
- 입력 창의 값을 State를 통해 관리하고, 변경 사항 발생 시 API 호출을 통해 데이터를 수정하도록 설계합니다. ✍️