[FE] 리액트 - 43강: 단일 토픽 삭제 기능 구현하기
- 토픽 작성자와 로그인한 사용자의 ID가 일치할 때만 삭제 버튼을 표시하여 보안 및 사용자 경험을 강화했습니다. 🔐
shadcn/ui의 AlertDialog 컴포넌트를 활용하여 토픽 삭제 전 사용자에게 확인 메시지를 제공하는 기능을 구현했습니다. 💬
AlertDialog의 문구와 스타일(예: 삭제 버튼 빨간색)을 사용자 정의하여 사용자에게 명확하고 시각적으로 강조된 삭제 경험을 제공합니다. 🎨
handleDelete 비동기 함수를 통해 Supabase의 delete 기능을 사용하여 데이터베이스에서 특정 ID의 토픽을 안전하게 삭제합니다. 🗑️
- 토픽 삭제 성공 시, 사용자에게 성공 토스트 메시지를 표시하고 메인 페이지로 리다이렉트하여 매끄러운 사용자 흐름을 제공합니다. ✅
- 삭제 기능 구현 후, UI 목록과 데이터베이스에서 해당 토픽이 성공적으로 제거되었음을 확인하여 기능의 정확성을 검증했습니다. ✨
- 이전 강의에서 구현했던 Blacknote 에디터 콘텐츠의 JSON 파싱, 읽기 전용/편집 가능 속성 제어 등 핵심 기능들을 간략히 재확인했습니다. 📝
- 향후 카테고리별 필터링 기능 구현과 Supabase RLS(Row Level Security)로 인해 로그아웃 상태에서 데이터가 보이지 않는 문제를 해결할 예정임을 언급했습니다. 🛠️