개발자 도구 모음
개발자를 위한 필수 도구 모음입니다. JSON 포맷터, Base64 인코더/디코더, URL 인코더/디코더 등 개발 작업에 필요한 모든 도구를 무료로 제공합니다. 별도의 설치 없이 브라우저에서 바로 사용할 수 있습니다.
최종 수정 · 운영 Fixit Dev
개발자 도구
모든 변환은 브라우저 안에서만 처리되어 입력한 데이터가 서버로 전송되지 않습니다. 각 도구 페이지 상단 탭으로 서로 오갈 수 있습니다.
빠른 링크
개발자 도구 모음 사용법
- 1원하는 개발자 도구를 선택합니다.
- 2각 도구는 특화된 기능을 제공합니다.
- 3JSON 포맷터: JSON 정렬, 압축, 유효성 검사
- 4Base64: 텍스트 인코딩/디코딩
- 5URL: URL 인코딩/디코딩
입력과 결과 예시
API 개발 시
API 응답 JSON을 보기 좋게 정렬하거나, 요청 파라미터를 URL 인코딩할 때 활용할 수 있습니다.
데이터 전송 시
이미지나 파일을 Base64로 인코딩하여 텍스트 형태로 전송할 때 사용합니다.
개발자 도구 모음 활용 팁
- 1JSON 키는 반드시 큰따옴표로 감싸야 합니다. 작은따옴표나 따옴표 없는 키는 JavaScript 객체에서는 되지만 JSON에서는 오류입니다.
- 2Base64로 인코딩하면 데이터 크기가 약 33% 늘어납니다. 3바이트가 4글자로 바뀌기 때문입니다.
- 3JavaScript의 encodeURI는 URL 전체용, encodeURIComponent는 파라미터 값용입니다. 값에 쓸 때는 후자를 써야 &, =, ?까지 인코딩됩니다.
- 4JWT 토큰의 헤더와 페이로드는 Base64URL(+ → -, / → _, 패딩 제거)이라 일반 Base64 디코더에서는 문자를 되돌린 뒤 읽어야 합니다.
- 5브라우저 개발자 도구(F12) 콘솔에서 JSON.parse(), btoa(), encodeURIComponent()로 같은 작업을 직접 해볼 수 있습니다.
세 가지 인코딩, 언제 무엇을 쓰나
- •JSON — 구조화된 데이터 교환. API 응답, 설정 파일, 로그. 사람이 읽을 수 있고 거의 모든 언어가 기본 지원
- •Base64 — 바이너리(이미지·파일·암호화 결과)를 텍스트 채널로 보낼 때. 이메일 첨부(MIME), 이미지 Data URI, HTTP Basic 인증
- •URL 인코딩(퍼센트 인코딩) — URL에 들어갈 수 없는 문자를 %XX 형태로 바꿀 때. 검색어, 리다이렉트 주소, OAuth 파라미터
- •공통점: 셋 다 암호화가 아니라 표현 방식의 변환입니다. 민감한 값은 HTTPS와 별도 암호화로 보호해야 합니다
개발자가 자주 겪는 인코딩 사고
- •JSON 끝에 남은 쉼표(trailing comma) — 에디터에선 보이지만 서버 파서가 거부
- •한글이 깨진 URL — 서버는 UTF-8인데 클라이언트가 EUC-KR로 인코딩한 경우. 양쪽 인코딩을 맞추면 해결
- •Base64 문자열 끝의 = 누락 — 길이가 4의 배수가 아니면 일부 디코더가 실패
- •이중 인코딩 — 이미 %20인 값을 다시 인코딩해 %2520이 되는 문제. 인코딩은 값 단위로 딱 한 번
개발자 도구 모음 자주 묻는 질문
Base64는 암호화인가요?
아닙니다. Base64는 바이너리를 텍스트로 표현하는 인코딩일 뿐이며 누구나 즉시 디코딩할 수 있습니다. 비밀번호나 개인정보를 숨기는 용도로 쓰면 안 됩니다.
JSON에 주석을 넣을 수 있나요?
JSON 표준(RFC 8259)에는 주석이 없습니다. 주석이 필요하면 JSONC, JSON5 같은 확장 포맷을 쓰거나 설정 파일이라면 YAML·TOML을 검토하세요. package.json 같은 파일에 주석을 넣으면 파싱 오류가 납니다.
URL 인코딩은 언제 필요한가요?
쿼리 문자열에 한글·공백·&·=·# 같은 문자가 들어갈 때입니다. 예를 들어 검색어 "카페 & 디저트"는 %EC%B9%B4%ED%8E%98%20%26%20%EB%94%94%EC%A0%80%ED%8A%B8 처럼 바뀌어야 서버가 파라미터 경계를 오해하지 않습니다.
입력한 데이터가 서버로 전송되나요?
아니요. 세 도구 모두 브라우저 안에서 JavaScript로만 처리합니다. API 키, 토큰, 고객 데이터가 담긴 JSON을 붙여넣어도 네트워크로 나가지 않습니다.
큰 파일도 처리할 수 있나요?
수 MB 수준의 텍스트는 문제없이 처리됩니다. 수백 MB급 로그 파일은 브라우저 메모리 한계에 걸릴 수 있으니 jq 같은 CLI 도구를 권합니다.
