- Next.js 기초 강의 마지막 강의는 검색 기능 구현이 다루는 내용 입니다. 🧲
- 검색 기능은 앱 쪽 옆 메뉴에서 사용하여 카드 목록을 검색할 수 있습니다. 🧭
- 검색어 입력 이벤트를 처리하기 위해 'handleSearchTermChange' 함수를 사용합니다. 📝
- 검색어를 상태 값으로 저장하고, 'useSearch' 호크를 통해 API 호출을 관리합니다. 🔍
- Supabase API를 통해 검색어와 일치하는 데이터를 조회하고, 결과를 리스트로 표시합니다. 🐳
- 검색 결과 업데이트를 위해 React 상태 관리 도구를 활용합니다. ♻️