NEXT · SEARCH
검색어에서 결과 목록까지의 흐름
검색 기능은 입력값을 URL 상태로 올리고, 서버에서 조건을 해석한 뒤 결과와 페이지네이션을 같은 기준으로 렌더링해야 안정적입니다.
검색 처리 흐름
query
입력값
사용자가 검색어를 입력하고 제출합니다.
URL query
?q=keyword&page=1처럼 주소에 상태를 기록합니다.
검색 조건
서버가 q, page, limit을 DB 조건으로 변환합니다.
결과 목록
조건에 맞는 도서와 총 개수를 렌더링합니다.
페이지네이션
다음 페이지 이동 시 검색어를 유지합니다.
입력
→
URL
→
DB 조건
→
결과
→
페이지 유지
검색 UX 검토
ux
빈 검색어
전체 목록으로 되돌릴지 명확히 정합니다.
페이지 초기화
새 검색어를 제출하면 보통 1페이지로 돌아갑니다.
공유 가능성
URL만 복사해도 같은 결과가 보여야 합니다.
서버 기준
클라이언트 필터만으로는 큰 데이터와 SEO에 약합니다.