URL 쿼리 빌더

쿼리 파라미터를 한 줄씩 추가하고 수정하고 비활성화하는 깔끔한 폼이며, 결과 URL이 실시간으로 만들어집니다. 키와 값은 encodeURIComponent를 거칩니다. 공백을 %20으로 둘지 +로 접을지(form-urlencoded 변형) 고를 수 있습니다. 비활성화한 줄은 목록에 남아 있지만 출력에는 나타나지 않아, 대안을 잃지 않고 보관해 두기 좋습니다.

공백 선택은 보이는 것보다 중요합니다. %20은 URL 어디에서나 올바른 퍼센트 인코딩이지만, +가 공백을 뜻하는 곳은 application/x-www-form-urlencoded 데이터 안뿐이고 쿼리 문자열이 관례적으로 그 형식일 뿐입니다. 대부분의 서버 프레임워크는 쿼리에서 둘 다 해석하지만 경로 구간, HTTP 헤더, JSON 본문은 그렇지 않아서, 쿼리에서 복사한 +를 그런 자리에 넣으면 그대로 더하기 기호로 남습니다. 확신이 없다면 %20이 더 안전합니다.

encodeURIComponent는 !, ', (, ), *를 의도적으로 그대로 둡니다. 쿼리에서 합법이고 대부분의 서버가 받아들이지만, OAuth 서명과 일부 엄격한 파서는 퍼센트 인코딩을 기대하며, 인코딩되지 않은 형태로 계산한 서명은 검증에 실패합니다. 인코딩은 입력한 내용에 그대로 적용된다는 점도 기억해야 합니다. 이미 인코딩된 값을 붙여 넣으면 이중 인코딩이 되어 %20이 %2520이 됩니다.

같은 키가 여러 번 나와도 합치지 않고 그대로 둡니다. ?tag=a&tag=b의 의미는 URL 문법이 아니라 받는 애플리케이션이 정하기 때문입니다. PHP는 키가 []로 끝나지 않으면 마지막 값만 남기고, 레일스와 익스프레스는 배열을 만들며, Go 표준 라이브러리는 첫 값만 돌려줍니다. 중복 키가 기대대로 동작하지 않는다면 고칠 곳은 서버 쪽입니다.