검색창
Search Bar
돋보기 아이콘과 함께 검색어를 입력하는 긴 칸이에요.
💡 도서관 안내 데스크에 '이 책 어디 있어요?' 하고 묻는 곳이에요.
🤖 AI에게 이렇게 말해 보세요
헤더에 검색창(Search Bar)을 넣어 줘. 글자를 입력하면 0.3초 뒤에 아래로 추천 검색어가 뜨고(자동완성), 엔터를 누르면 검색 결과 페이지로 이동하게 해 줘.
핵심은 ‘Search Bar’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
글자를 칠 때마다 바로 검색하면 서버가 힘들어요. 잠깐 멈췄을 때만 검색하는 걸 '디바운스(Debounce)'라고 해요.
이럴 때 써요
- 상품이나 글이 많아서 찾기 기능이 필요할 때
이렇게도 불러요: 검색, 찾기, 돋보기, 검색 박스, 자동완성, 디바운스