Query Parameter 실전
URL 에 옵션을 추가해서 받는 내용을 커스터마이즈해요
⏱ 예상 ~6분
01 · 읽기
쿼리 파라미터는 서버가 돌려주는 내용을 커스터마이즈 하는 방식이에요.
URL 의 ? 뒤에 붙어요. 각각은 key=value 예요. 여러 개는 & 로 구분해요.
Server 는 이걸 폼의 옵션처럼 다뤄요 — 이걸로 필터링, 저걸로 정렬, N 개로 제한 같은 식이에요.
핵심 정리
- Query string 은 ? 로 시작해요
- 파라미터는 key=value 쌍이에요
- 여러 파라미터는 & 로 연결해요
- 각 파라미터의 의미는 서버가 정의해요 — 마음대로 만들 수 없어요
02 · 터미널 실습
쿼리 파라미터로 이름을 전달해 봐요. 서버가 이름으로 인사해 줄 거예요.
(이 섹션은 인터랙티브해요 — JavaScript를 켜 주세요.)
03 · 터미널 실습
이제 두 번째 파라미터를 추가해요. 여러 파라미터는 & (and 기호) 로 구분해요.
(이 섹션은 인터랙티브해요 — JavaScript를 켜 주세요.)
04 · 퀴즈
URL 에서 여러 쿼리 파라미터는 어떻게 구분하나요?
05 · 빈칸 채우기
쿼리 파라미터는 URL 경로 뒤에 _____ 기호로 시작해요.
06 · 터미널 실습
쿼리 파라미터는 페이지네이션에도 사용할 수 있어요 — 받는 개수를 제한해요.
(이 섹션은 인터랙티브해요 — JavaScript를 켜 주세요.)
07 · 퀴즈
curl 로 쿼리 문자열에 & 가 있는 URL 을 보내려고 해요. URL 을 따옴표로 감싸지 않으면 어떻게 되나요?
- 요청이 정상적으로 동작해요
- Shell 이 & 를 백그라운드 실행으로 해석해서 명령이 깨져요
- curl 이 자동으로 따옴표를 추가해줘요
- 서버가 & 문자를 무시해요
08 · 빈칸 채우기
URL 에서 여러 쿼리 파라미터는 _____ 기호로 구분해요.
⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.
※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.