개발자 변환 워크벤치 | 쿼리·CSS·이스케이프·진법·커밋 도구

변환브라우저에서 실행(업로드 없음)

정수 진법 변환, 순서를 보존하는 쿼리 문자열 점검, px/rem 계산, 엄격한 JSON·JavaScript 문자열 이스케이프, Conventional Commit 메시지 작성을 하나의 로컬 개발자 워크벤치에서 처리합니다. 모든 모드는 명시적인 한도를 적용하고 확인 가능한 결과를 만들며 네트워크 요청을 보내지 않습니다. 결과는 실제 서버, CSS 문맥, 파서 또는 저장소 정책을 대신 검증하지 않습니다.

다음에 할 작업

관련 작업 흐름을 이어가거나 이 작업 다음에 자주 사용하는 도구를 열어보세요.

작업 가이드

인코딩된 쿼리 매개변수를 이중 디코딩 없이 디버깅하는 방법

콜백, 검색 링크, 웹훅, API 요청이 여러 파서를 거치면서 더하기 기호, 반복 키, JSON 문자열 이스케이프, 중첩 반환 URL을 바꿀 때 사용하는 절차입니다.

열기 관련 도구

JSON 포매터 | 원문을 보존해 보기 좋게 정리·압축

중복 키와 숫자 원문을 보존하며 엄격한 JSON을 로컬에서 정리하거나 압축합니다.

열기 관련 도구

Worker Timeout과 캡처 범위를 제공하는 JavaScript 정규식 테스터

Worker 1초 timeout, 캡처 범위, 하이라이트로 범위가 제한된 JavaScript 정규식을 테스트합니다.

열기 관련 도구

슬러그 생성기 | Unicode·ASCII URL 슬러그 만들기

명확한 옵션과 경고로 Unicode·ASCII URL 슬러그 후보를 로컬에서 만듭니다.

열기

이 도구 사용 방법

점검하거나 변환할 데이터와 맞는 작업 탭을 선택합니다.

진법, 쿼리 원본 유형, CSS 방향과 루트 크기, 이스케이프 문법, 커밋 필드처럼 원본 규칙을 먼저 지정합니다.

작업에 필요한 제한된 값만 붙여 넣고 화면이나 보고서를 공유하기 전에 자격 증명, 토큰, 개인정보, 비공개 텍스트를 제거합니다.

작업을 실행한 뒤 최종 한 줄만 보지 말고 경고, 원시 값과 디코딩 값, 변환 실패 행, 길이 지표를 함께 확인합니다.

정확한 결과를 복사하거나 전체 텍스트 보고서를 다운로드합니다. 입력이나 설정을 바꾸면 이전 평가 결과가 지워져 오래된 결과를 현재 결과로 오인하지 않습니다.

서버의 쿼리 처리, CSS 문맥, 파서 문법, 커밋 훅, 릴리스 정책, URL 안전성은 실제 수신 시스템에서 별도로 검증합니다.

이 도구를 써야 할 때

큰 식별자와 프로토콜 값의 진법 변환

정수 식별자, 마스크, 카운터를 안전 정수 잘림 없이 2진수, 8진수, 10진수, 16진수와 최대 36진법 사이에서 변환합니다.

OAuth·분석·API 쿼리 디버깅

중복 키, 빈 문법, 더하기 기호, 잘못된 이스케이프, 프래그먼트를 증거로 유지하면서 원시 항목과 디코딩 항목을 비교합니다.

CSS 디자인 토큰 이전

제품이 사용하는 루트 크기를 기준으로 소량의 px·rem 값을 계산한 뒤 토큰 파일이나 스타일 선언을 수정합니다.

JSON fixture와 JavaScript 리터럴 준비

결과를 읽을 문법을 지정해 문자열 내용을 이스케이프하거나 해제하고 잘못된 시퀀스는 조용히 바꾸지 않고 거부합니다.

Conventional Commit 초안 작성

저장소별 훅을 실행하기 전에 type, 선택 scope, 한 줄 summary, body, breaking footer를 검토 가능한 형태로 조합합니다.

흔한 실수

큰 정수를 부동소수점으로 변환하기

JavaScript Number는 9,007,199,254,740,991을 넘는 정수에서 정밀도를 잃습니다. 진법 모드는 BigInt로 숫자를 해석하지만 결과는 정수 표기이며 부동소수점이나 고정 비트 폭 인코딩은 아닙니다.

중복되거나 비어 있는 쿼리 항목 합치기

서버마다 중복 키의 첫 값, 마지막 값, 배열 처리 방식이 다릅니다. 수신 프레임워크의 동작을 확인할 때까지 원본 순서, 등호 누락, 빈 세그먼트, 원시 값을 그대로 확인해야 합니다.

변환 방향과 다른 px·rem 단위 섞기

px에서 rem 모드에 rem 값을 넣으면 임의로 변환하지 않고 단위 오류 행으로 표시합니다. 단위 없는 값은 선택한 원본 단위로 해석하고 결과 알림에 표시합니다.

모든 백슬래시 시퀀스를 같은 문법으로 보기

JSON 문자열 내용과 JavaScript 문자열 내용은 일부 문법만 겹칩니다. 결과를 읽을 파서에 맞는 프로필을 선택해야 하며 지원하지 않거나 잘못된 시퀀스는 오류로 거부됩니다.

커밋 포맷터가 코드 변경을 이해한다고 가정하기

커밋 작성기는 입력한 type, scope, summary, body, breaking change만 조합합니다. Git diff를 읽거나 의도를 추론하거나 저장소 정책과 릴리스 도구 호환성을 보장하지 않습니다.

예시

정밀도 손실 없이 큰 10진수 변환

parseInt나 Number 대신 BigInt로 10진수를 누적하고 16진수로 출력합니다.

입력

9007199254740993123456789 (10진법에서 16진법)

출력

0x773594000000042F69715

중복 쿼리 키와 더하기 기호 점검

원시 항목 순서를 유지하면서 폼 쿼리의 +를 공백으로 해석한 값도 함께 보여 줍니다.

입력

https://example.com/search?tag=one&tag=two&q=C%2B%2B+URL&flag#results

출력

tag=[one, two] 순서 유지, q는 C++ URL로 디코딩, flag는 등호 없음, 프래그먼트 제외

명시적인 루트 크기로 CSS 길이 변환

각 원본 토큰을 결과 옆에 표시해 단위 오류를 숨기지 않습니다.

입력

16px, 24, -8px / 루트 16px

출력

16px -> 1rem
24 -> 1.5rem
-8px -> -0.5rem

eval 없이 JavaScript 문자열 내용 디코딩

엄격한 파서가 명시적인 16진수와 유니코드 이스케이프를 처리하고 알 수 없거나 짝이 맞지 않는 시퀀스는 거부합니다.

입력

\x41\u0042\u{1F600}

출력

AB😀

scope와 breaking 표시가 있는 Conventional Commit 작성

헤더, 본문, breaking footer를 빈 줄로 구분해 조합합니다.

입력

type=feat, scope=api/auth, summary=rotate signing keys, breaking=true

출력

feat(api/auth)!: rotate signing keys

BREAKING CHANGE: Clients must refresh cached JWKS data.

결정론적 변환, 파서 경계, 로컬 처리 방식

정수 진법 변환은 2진법부터 36진법까지 원본 숫자를 하나씩 검증하고 BigInt 곱셈과 덧셈으로 누적합니다. 0b, 0o, 0x 접두사는 선택한 원본 진법과 일치해야 하며 밑줄은 숫자 사이에만 허용되고 출력은 부동소수점 Number 연산을 거치지 않습니다.

쿼리 점검은 절대 URL 원본과 쿼리 텍스트 원본을 구분합니다. 앰퍼샌드 순서, 반복 키, 빈 세그먼트, 빈 키·값, 등호 누락을 보존합니다. 퍼센트 디코딩은 UTF-8 규칙을 따르고 원시 +와 폼 디코딩된 공백을 따로 보여 줍니다.

CSS 길이 변환은 px에서 rem일 때 px / rootPixels, rem에서 px일 때 rem × rootPixels를 적용합니다. 음수와 지수 표기를 포함한 제한된 숫자 토큰을 처리하지만 선택 방향과 충돌하는 단위는 의도를 추측하지 않고 거부합니다.

JSON 이스케이프는 JSON 문자열 문법을 사용합니다. JavaScript 모드는 지원하는 시퀀스를 전용 파서로 처리하며 입력을 코드로 실행하지 않습니다. 유니코드 스칼라와 서로게이트 쌍을 검사해 잘못된 출력을 정상 변환으로 제시하지 않습니다.

커밋 모드는 명시적인 필드로 Conventional Commit 헤더, 선택 본문, BREAKING CHANGE footer를 조합합니다. 모든 모드는 문자, UTF-8 바이트, 항목 수, 출력 한도를 적용하며 분석 데이터에는 거친 작업 메타데이터와 집계 개수만 전달합니다.

자주 묻는 질문

Number.MAX_SAFE_INTEGER보다 큰 정수도 변환할 수 있나요?

가능합니다. 2진법부터 36진법까지 각 숫자를 검증하고 BigInt로 누적하며 원본 숫자는 최대 10,000자리, 출력은 별도 한도를 적용합니다. 소수, 지수, 2의 보수 비트 폭, IEEE-754 비트 패턴은 해석하지 않습니다.

쿼리 값의 더하기 기호가 왜 공백이 되나요?

application/x-www-form-urlencoded 규칙에서는 원시 +가 공백을 뜻하고 %2B가 실제 더하기 기호를 뜻합니다. 보고서가 원시 값과 디코딩 값을 모두 보존하므로 차이를 직접 확인할 수 있습니다.

CSS 모드가 스타일시트 전체를 다시 작성하나요?

아닙니다. 공백이나 쉼표로 나눈 숫자 px·rem 목록만 제한된 범위에서 변환합니다. 선언문, calc(), 변수, 미디어 쿼리, 백분율, 뷰포트 단위, 브라우저 계산 스타일은 파싱하지 않습니다.

JavaScript 이스케이프 해제에 eval을 사용하나요?

사용하지 않습니다. 전용 파서가 지원하는 단순, 16진수, BMP 유니코드, 코드 포인트, 서로게이트 쌍, 줄 연속 형식을 처리합니다. 알 수 없는 이스케이프, 끝의 백슬래시, 오래된 8진수 형식, 잘못된 유니코드는 거부합니다.

Git diff를 읽고 커밋 메시지를 자동 생성하나요?

아닙니다. 사용자가 입력한 필드를 결정론적으로 조합하는 포맷터입니다. 저장소를 읽거나 Git을 실행하거나 소스 코드를 모델로 전송하거나 feat와 fix 중 무엇이 맞는지 판단하지 않습니다.

붙여 넣은 값이 업로드되거나 저장되나요?

다섯 변환은 현재 브라우저에서 실행되며 네트워크 요청을 보내지 않습니다. 운영 분석에는 선택 모드와 집계 개수만 포함되고 정수, URL, 쿼리 값, CSS 토큰, 문자열, 커밋 요약·본문, 생성 결과는 포함하지 않습니다.

이 도구를 검증한 방법

관리 및 검수 SimpleWebUtils검토일 2026년 7월 18일

검증 방법: 개발자 변환 워크벤치로 “반복 tag를 유지하며 URL과 JSON 문자열 디코딩 분리” 샘플 입력을 정확히 재현했습니다. 결과 비교에는 “URL 원본과 쿼리 텍스트 원본을 명시적으로 선택합니다”, “모든 원시·디코딩 항목을 순서대로 비교합니다” 단계를 포함했습니다. 이어서 연결된 테스트 근거에서 “더하기 기호 전체 치환”, “문자열 이스케이프 해제를 URL 디코더로 사용” 조건을 점검했습니다.

기대 결과: 반복 tag 순서, “C++ URL”인 q, 두 번째 형식 해제 뒤 두 줄이 된 message, 값 없는 flag와 #results fragment가 각각의 계층을 유지했습니다.

검증한 작업 가이드 열기

다음에 할 작업

인코딩된 쿼리 매개변수를 이중 디코딩 없이 디버깅하는 방법

JSON 포매터 | 원문을 보존해 보기 좋게 정리·압축

Worker Timeout과 캡처 범위를 제공하는 JavaScript 정규식 테스터

슬러그 생성기 | Unicode·ASCII URL 슬러그 만들기

이 도구 사용 방법

이 도구를 써야 할 때

큰 식별자와 프로토콜 값의 진법 변환

OAuth·분석·API 쿼리 디버깅

CSS 디자인 토큰 이전

JSON fixture와 JavaScript 리터럴 준비

Conventional Commit 초안 작성

흔한 실수

큰 정수를 부동소수점으로 변환하기

중복되거나 비어 있는 쿼리 항목 합치기

변환 방향과 다른 px·rem 단위 섞기

모든 백슬래시 시퀀스를 같은 문법으로 보기

커밋 포맷터가 코드 변경을 이해한다고 가정하기

예시

정밀도 손실 없이 큰 10진수 변환

중복 쿼리 키와 더하기 기호 점검

명시적인 루트 크기로 CSS 길이 변환

eval 없이 JavaScript 문자열 내용 디코딩

scope와 breaking 표시가 있는 Conventional Commit 작성

결정론적 변환, 파서 경계, 로컬 처리 방식

자주 묻는 질문

Number.MAX_SAFE_INTEGER보다 큰 정수도 변환할 수 있나요?

쿼리 값의 더하기 기호가 왜 공백이 되나요?

CSS 모드가 스타일시트 전체를 다시 작성하나요?

JavaScript 이스케이프 해제에 eval을 사용하나요?

Git diff를 읽고 커밋 메시지를 자동 생성하나요?

붙여 넣은 값이 업로드되거나 저장되나요?

이 도구를 검증한 방법

관련 작업 가이드

인코딩된 쿼리 매개변수를 이중 디코딩 없이 디버깅하는 방법

깨진 URL 파라미터 고치기

HTTP 응답 헤더 확인하기

실제로 잘 스캔되는 링크 QR 코드 만들기

raw 패턴과 문자열 사이의 JavaScript 정규식 이스케이프 고치기

바깥 링크를 깨뜨리지 않고 URL 쿼리 값 하나 인코딩하기

이중 인코딩된 쿼리 값 하나를 계층별로 복구하기

Query 순서와 encoding 증거를 잃지 않고 callback URL 디버깅하기

관련 도구

JSON 포매터 | 원문을 보존해 보기 좋게 정리·압축

Worker Timeout과 캡처 범위를 제공하는 JavaScript 정규식 테스터

슬러그 생성기 | Unicode·ASCII URL 슬러그 만들기

URL 인코더·디코더 | 정확한 퍼센트 인코딩과 + 규칙

URL 파서 및 분석기 | Query Parameter와 상대 URL