Browser-based · Privacy-first · No sign-up
개발자를 위한 온라인 도구
JSON 포맷터, Base64 인코딩, 파일 해시 등 16가지 도구.
모든 처리는 브라우저 안에서 끝나며, 어떤 데이터도 서버로 전송되지 않습니다.
SEO 메타체크
메타태그 분석
헤더 분석
HTTP 응답 헤더
HTML 코드 검사기
태그 오류·미사용 CSS 감지
CSS 한줄정리
선택자별 한 줄 변환
Base64 인코더
Base64 인코딩/디코딩
이미지 Base64
이미지 → Data URI
텍스트 해시
SHA-256, MD5, SHA-1
URL 인코더
URL 인코딩/디코딩
JSON 포맷터
JSON 정렬 및 검증
글자수 세기
문자, 단어, 바이트
텍스트 비교
Diff 비교
색상 변환기
HEX, RGB, HSL, Tailwind
UUID 생성기
UUID v4 생성
타임스탬프 변환
Unix ↔ 날짜 변환
파일 해시 생성/검증
SHA-256, MD5 체크섬 · 무결성 검증
파일 비교
두 파일 동일성 검사
Guides
개발자 가이드
도구 활용과 관련 기술의 원리를 깊이 있게 다루는 가이드
SEO 메타태그 가이드
OG, Twitter Card, 구조화 데이터
HTTP 헤더 완전 가이드
CSP·CORS·HSTS, 캐시 전략
HTML 코드 검증 가이드
태그 오류, 접근성, 미사용 CSS 점검
CSS Minification
압축 원리, Vite/Webpack 통합
Base64 인코딩
JWT, Data URI, URL-safe 차이
URL 인코딩 규칙
이중 인코딩, %20 vs +, 다국어 URL
JSON 데이터 다루기
문법, 포맷 비교, 파싱 오류 해결
글자수 세기 완전 가이드
유니코드, 이모지, 플랫폼별 제한
Diff 알고리즘
LCS·Myers 원리, Git diff 해석
HEX·RGB·HSL 색상 체계
WCAG 접근성, 다크모드 구현
UUID v1 vs v4 vs v7
버전별 차이, DB 성능 영향
Unix 타임스탬프
2038 문제, 타임존, 밀리초 vs 초
파일 무결성 검증
SHA-256/MD5 원리, SRI 적용
Quick Start
상황별 도구 선택 가이드
지금 겪고 있는 문제에서 출발해 필요한 도구를 바로 찾을 수 있도록 정리했습니다.
- API 응답이 한 줄로 뭉쳐 읽을 수 없을 때 — JSON 포맷터로 들여쓰기를 정리하고, 문법 오류가 있다면 오류 위치까지 확인합니다. JSON 문법 자체가 낯설다면 JSON 데이터 다루기 가이드를 먼저 읽어보세요.
- 다운로드한 파일이 원본과 같은지 확인해야 할 때 — 파일 해시 생성/검증에서 SHA-256 체크섬을 만들어 배포처가 공개한 값과 비교합니다. 두 파일을 직접 비교하려면 파일 비교가 더 빠릅니다.
- URL 파라미터의 한글이 깨져 보일 때 — URL 인코더로 인코딩 상태를 확인합니다.
%25가 반복된다면 이중 인코딩이 원인일 가능성이 높습니다. - JWT 토큰이나 인증 헤더 내용을 확인할 때 — Base64 인코더로 페이로드를 디코딩합니다. 토큰이 서버로 전송되지 않으므로 운영 환경 토큰도 안전하게 확인할 수 있습니다.
- 배포한 페이지의 검색 노출 상태를 점검할 때 — SEO 메타체크로 메타태그를, 헤더 분석으로 캐시·보안 헤더를 확인합니다.
- 수정 전후 코드나 설정 파일의 차이를 찾을 때 — 텍스트 비교가 줄 단위 변경 사항을 시각적으로 표시합니다.
이 사이트가 데이터를 다루는 방식
Integrity의 모든 도구는 서버 없이 브라우저 안에서만 동작합니다. 파일 해시 계산은 브라우저 내장 Web Crypto API(crypto.subtle.digest)를 사용하고, JSON 파싱과 인코딩 변환도 JavaScript 내장 함수로 처리합니다. 입력한 텍스트나 업로드한 파일은 네트워크로 전송되지 않으며, 페이지를 닫으면 사라집니다. 개발자 도구의 Network 탭에서 직접 확인할 수 있습니다.
이 원칙 덕분에 사내 API 응답, 인증 토큰, 미공개 배포 파일처럼 외부 서비스에 붙여넣기 꺼려지는 데이터도 안심하고 처리할 수 있습니다. 서비스 배경과 운영 기준은 소개 페이지에서, 버그 신고와 기능 제안은 문의 페이지에서 확인할 수 있습니다.