[Nextjs] 필터 UI → FastAPI 다중 필터 API 연결 가이드
Dev/Nextjs
·
2025. 4. 1.
서론🔍 목표프론트엔드에서 다음과 같은 필터 UI를 구성하고:브랜드 선택 (복수 가능)카테고리 선택가격 범위 (최소/최대)정렬 기준 (가격순, 최신순 등)페이지 이동선택된 필터에 따라 FastAPI 백엔드로 query string을 만들어 API 요청을 보내는 구조를 구현한다.🔗 엮인글[🚀 Dev/Python] - [FastAPI] Swagger UI에서 POST 요청 시 JSON 입력창으로 바뀌는 이유 [🚀 Dev/Python] - [FastAPI] DELETE 요청 시 JSON이 아닌 Path Param으로 값 전달하는 방법[🚀 Dev/Python] - [FastAPI] DELETE 요청 시 path param 여러 개 받는 방법 [🚀 Dev/Python] - [FastAPI] 쿼리 파라미터..