Query 파라미터 ⇄ JSON
GET 파라미터 파싱 · JSON으로 URL 구성
Query 파라미터
준비됨
ABOUT
Query 파라미터 ⇄ JSON 소개
?a=1&b=2 형태 쿼리 문자열→JSON, 또는 JSON→URL 파라미터 생성.
GET 요청 query는 API 디버깅의 빈번한 진입점: UTM, 페이지네이션, 필터, OAuth callback — 단순해 보여도 중첩·중복 키를 수동으로 이어 붙일 때 오류가 흔합니다.
DEEP DIVE
Query 파라미터 ⇄ JSON 자세히 알아보기
URL 쿼리 문자열(Query String)은 GET 파라미터 표준. ?a=1&b=2&c=hello 수동 파싱은 번거롭고 URL 인코딩 한글·중첩에서 오류. JSONSort Query 도구 양방향: 문자열↔JSON.
REST API 디버깅, 테스트 URL 구성, 프론트 router query 분석, encodeURIComponent 문제 조사 등 일상.
application/x-www-form-urlencoded와 multipart는 배열 표현 관례가 다릅니다. JSONSort는 중복 키→배열, 배열 생성 시 중복 키 형태를 사용합니다 — Java Spring/Node Express 기본과 일치합니다.
FEATURES
핵심 기능
Query → JSON
URL 쿼리 문자열→중첩 JSON, 자동 URL 디코딩.
JSON → Query
JSON 객체→표준 URL 인코딩 쿼리 문자열.
중복 키 처리
동명 파라미터→배열, 흔한 서버 파싱 의미.
인코딩/디코딩
%XX 형태 한글·특수 문자 자동 처리.
즉시 출력
전체 URL 또는 순수 query 부분 모두 파싱.
로컬 처리
URL에 token 등 민감 파라미터, 로컬 파싱 더 안전.
전체 URL 파싱
도메인 포함 전체 URL 붙여넣기 시 ? 뒤 query 자동 추출.
중첩 객체
bracket/dot notation↔JSON 객체 양방향 매핑.
HOW TO USE
사용 방법
-
1
URL 쿼리 문자열 또는 JSON 객체 붙여넣기
-
2
파싱 또는 생성 방향 선택
-
3
결과 복사
-
4
변환 실패 시 오류 메시지 확인, 소스 파일 구문 수정 후 재시도
-
5
포맷터로 결과 정리, 또는 하류 스크립트용으로 내보내기
WORKFLOW
일반적인 워크플로
데이터 가져오기부터 결과 내보내기까지의 전체 흐름. 팀에서 Query 파라미터 ⇄ JSON 사용법 통일.
query 또는 URL 입력
브라우저 주소창, Network 패널, 로그에서 복사.
JSON 확인
중첩·배열 구조가 서버 파싱 로직과 일치하는지 확인.
JSON 편집
파라미터 값 수정 후 query 문자열 역생성.
테스트 실행
base URL에 이어 붙여 브라우저 또는 Postman에서 검증.
USE CASES
적용 시나리오
프론트엔드 개발
Vue Router / Next.js query→JSON 디버깅.
백엔드 개발
GET API 테스트 URL 구성, JSON 정의 후 query 원클릭 생성.
테스트 엔지니어
다중 파라미터 테스트 URL 일괄 구성.
SEO / 운영
랜딩 UTM 구조 분석, JSON 통계용.
보안 테스트
redirect_uri·state 분해, OAuth 흐름 분석.
데이터 분석
UTM 일괄→JSON, BI 도구 채널 귀인.
TIPS
사용 팁
- 전체 URL 붙여넣기 시 ? 뒤 query만 추출 파싱.
- JSON→Query 생성 문자열을 base URL 뒤에 이어 붙여 테스트.
- 한글 파라미터 자동 encodeURIComponent, 수동 인코딩 불필요.
- 배열 파라미터 query에서 중복 키, 파싱 후 배열 복원.
- 「인코딩·디코딩」과 연계, 이중 인코딩·누락 조사.
- OAuth redirect_uri query 빠른 분해 분석.
- query에서 +는 공백, %20과 동등 주의.
- query 생성 후 base URL에 이어 붙이기 전 ? 존재 확인.
- 배열 파라미터 경계: 빈 배열, 단일, 다중.
- Postman과 연계: Collection URL 추출 후 query 분해.
LOCAL VS ONLINE
로컬 vs 온라인 도구
JSONSort는 순수 프론트엔드 아키텍처를 고수합니다. 아래 비교가 개발 데이터 처리에 로컬 도구가 적합한 이유를 보여줍니다.
TROUBLESHOOTING
흔한 오해 및 문제 해결
실제 사용에서 자주 발생하는 문제와 권장 대처법. 시행착오 시간을 줄입니다.
한글 깨짐
권장:URL 디코딩 확인. 이중 인코딩 시 인코딩·디코딩 도구로 한 겹 제거.
배열이 문자열로
권장:JSON 배열 문자열 대신 중복 키 사용해야 하는지 확인.
빈 값 손실
권장:key= 형태는 빈 문자열 유지, 키 누락과 다름.
중첩 깊이 제한
권장:과도하게 깊은 bracket은 서버 미지원 가능, 백엔드와 형식 약속.
FAQ
자주 묻는 질문
hash 라우트 파라미터 지원?
? 뒤 query만 파싱. # 뒤 hash는 수동 분리.
빈 값 파라미터 보존?
key= 형태 빈 값→빈 문자열 "".
중첩 객체→query?
key[nested]=value 또는 dot notation 등 모드에 따름.
hash 내 파라미터 파싱?
#/page?x=1 hash 내 query 수동 분리, 표준 ? 앞 query 자동.
파라미터 순서 보존?
JSON 키 순서는 원 query와 다를 수 있음, 기능 동등.
데이터가 서버에 업로드되나?
아니요. JSONSort 모든 도구는 브라우저 로컬에서 동작하며 입력 내용은 백엔드 서버로 전송되지 않습니다.
가입이나 설치가 필요한가?
필요 없습니다. 페이지를 열면 바로 사용 가능, 계정·클라이언트 다운로드 불필요, PWA 오프라인 캐시 지원.
얼마나 큰 파일을 지원하나?
브라우저 메모리에 따라 다르지만 보통 수 MB급 데이터를 원활히 처리합니다. 초대형 파일은 먼저 분할하거나 병합·정리 도구를 사용하세요.