블로그
도구 가이드, 팁, 개발자 레퍼런스.
-
브라우저에서 DNS 조회하기: DNS-over-HTTPS로 A, MX, TXT, CAA 레코드 확인
dig, nslookup, whatsmydns 없이 어떤 브라우저에서든 DNS 레코드를 조회하는 방법. DoH가 fetch() 한 번으로 A, AAAA, CNAME, MX, TXT, NS, SOA, CAA, PTR, SRV를 어떻게 풀어내는지 — DNSSEC, TXT 세그먼트, 전파 지연의 함정과 함께.
-
Zero-Width 문자 탐지기: AI 출력과 코드에 숨겨진 유니코드 찾기
Zero-width 공백, BOM, 양방향 제어 문자, ChatGPT 워터마크 태그 문자 등 모든 텍스트에서 보이지 않는 유니코드 문자를 탐지하고 제거합니다. Trojan-Source 대응. 100% 클라이언트 사이드.
-
브라우저에서 GraphQL 포맷팅하기: 실전 가이드
에디터 확장 없이 GraphQL 쿼리, 뮤테이션, SDL 스키마를 정렬, 최소화, 검증합니다. 공식 graphql-js 파서를 로컬에서 실행하는 브라우저 전용 도구입니다.
-
프로처럼 HTTP 헤더 읽기: 실전 가이드
HTTP 원시 헤더를 붙여넣고 보안, 캐싱, CORS, 쿠키 메타데이터를 한 번에 점검하기. 카테고리 이해, 컴플라이언스 함정, 그리고 코드가 이미 보내고 있는 헤더를 제대로 활용하는 방법.
-
브라우저에서 jq 쓰기: 설치 없이 필터를 검증하는 법
공식 jq 1.7 엔진을 모든 최신 브라우저에서 실행합니다. 파이프, select, map, group_by, reduce — CLI와 동일한 결과, 설치도 업로드도 없습니다.
-
event.keyCode가 당신을 속이는 이유: JavaScript 키보드 이벤트 현대 가이드
event.key, event.code, keyCode 중 무엇을 써야 할지 더 이상 추측하지 마세요. 브라우저가 실제로 무엇을 발생시키는지, 수정자 키가 언제 뒤집히는지, IME 조합이 단일 키 핸들러를 망가뜨리는 이유, QWERTY 이외의 레이아웃에서도 살아남는 키보드 단축키를 작성하는 방법을 확인하세요.
-
EyeDropper API로 화면의 모든 픽셀 색상 추출하기
브라우저 네이티브 EyeDropper API에 대한 개발자 가이드 — 작동 방식, 한계, 그리고 스크린샷·비디오·다른 앱에서 색상을 샘플링하는 활용법.
-
브라우저에서 HAR 파일 분석하기: 실전 가이드
기존 HAR 익스포트를 브라우저에 드롭해 waterfall을 읽고, request headers를 디코딩하고, 필터링된 서브셋을 익스포트하세요 — backend 불필요.
-
HTML 압축 도구: 인라인 스크립트를 깨뜨리지 않고 바이트 줄이기
HTML 압축 도구가 실제로 무엇을 하는지, 정규식 기반 도구가 어떻게 페이지를 조용히 망가뜨리는지, 그리고 브라우저에서 공백·주석·boolean 속성을 안전하게 제거하는 방법.
-
MIME 타입 조회: 업로드 검증을 위한 레퍼런스와 매직 바이트 스니퍼
업로드 검증에서 파일 확장자를 더는 신뢰하지 마십시오. IANA 미디어 타입 레지스트리의 동작 방식, 브라우저에서 실행되는 매직 바이트 탐지, 그리고 HTTP 헤더에 넣어야 할 Content-Type까지 정리합니다.
-
IBAN 검증: 잘못된 은행 계좌로 송금이 나가기 전에 막기
mod-97 알고리즘, 국가별 BBAN 구조, OCR 시대에 SEPA 결제를 반송시키는 전형적인 함정 해부. 무료 브라우저 IBAN 검사기 포함.
-
File Hash Checker: 브라우저에서 SHA-256으로 다운로드 검증하기
Web Crypto로 로컬 파일의 SHA-256 / SHA-1 / SHA-384 / SHA-512 / MD5를 그 자리에서 계산. 한 바이트도 업로드하지 않고 배포자의 해시와 대조.
-
브라우저 이미지 압축기: 개발자를 위한 실전 가이드
JPEG, PNG, WebP 이미지를 전부 브라우저 안에서 압축합니다. 올바른 포맷 선택, 품질 조정, 긴 변 기준 리사이즈, 그리고 스크린샷을 외부 서버에 노출하지 않고 배포하는 방법까지 다룹니다.
-
Basic Auth 헤더를 생성하고 디코딩하는 방법
HTTP Basic Authentication 헤더 형식, Base64 인코딩 방식, cURL과 Fetch에서 Basic auth를 사용하는 방법, 복사한 헤더를 안전하게 디코딩하는 방법을 알아봅니다.
-
PKCE 생성기: OAuth 인가 코드 흐름을 제대로 연결하는 실전 가이드
브라우저에서 code_verifier와 code_challenge를 생성해 /authorize와 /token에 정확히 연결하고, 모바일·SPA 로그인을 조용히 깨뜨리는 네 가지 PKCE 함정을 피한다.
-
SSL 인증서 디코더: X.509 PEM 현장 점검 실전 가이드
X.509 PEM 인증서를 브라우저에서 디코딩하여 Subject, Issuer, SAN, 유효 기간, 키 타입, 서명 알고리즘, 지문을 확인. 업로드 불필요, OpenSSL 명령도 불필요.
-
SVG 최적화: 아이콘을 가볍게, 그러나 깨뜨리지 않게
SVGO가 어떻게 SVG를 압축하는지, 안전하게 켤 수 있는 플러그인, 반응형을 조용히 망가뜨리는 두 토글, 그리고 브라우저에서 조정한 설정을 빌드 파이프라인으로 옮기는 법.
-
CSP 헤더 생성기: 고통 없이 엄격한 Content Security Policy 만들기
지시문, 해시, nonce로 프로덕션급 Content-Security-Policy 헤더를 구축하세요 — 엄격 모드 템플릿과 Express / Nginx 스니펫 포함.
-
AI 토큰 카운터: GPT-5·Claude·Gemini 브라우저 토크나이저 가이드
GPT-5, GPT-4.1, Claude Sonnet 4.6, Gemini 3, DeepSeek V3 의 토큰 수와 비용을 브라우저에서 바로 계산. API 키 없이 클라이언트 사이드 BPE 토크나이저로 정확하게 측정.
-
색각 이상 시뮬레이터: UI의 색각 결함 대응 테스트
색각 이상이 사용자에게 미치는 영향, 우선 대응해야 할 CVD 유형, 브라우저에서 색상과 이미지를 시뮬레이션하는 방법을 해설합니다.
-
이미지 컬러 팔레트 추출: 어떤 그림에서든 바로 쓸 수 있는 디자인 팔레트 뽑기
브라우저 k-means 클러스터링, OKLCH 수학, CSS 변수 익스포트로 임의의 이미지를 코드에 곧장 떨어뜨릴 수 있는 디자인 팔레트로 변환.
-
시간대 변환기: IANA, 서머타임, 그리고 개발자를 태우는 UTC 오프셋
IANA 시간대, 서머타임 전환, UTC 오프셋의 실제 동작 원리. JavaScript, Python, Go, Java, SQL용 복붙 가능한 변환 코드까지.
-
Gitignore 생성기: stack을 고르고 복사·붙여넣기에서 해방되기
200+개의 공식 github/gitignore 템플릿에서 .gitignore를 조립합니다. stack 조합, gitignore 문법, '이미 commit해 버렸는데' 함정, 그리고 출처 주석이 포함된 중복 제거가 파일을 어떻게 읽기 좋게 유지하는지 다룹니다.
-
JSONL 변환기: JSON Lines, NDJSON, JSON 배열
JSONL의 작동 방식, JSON Lines/NDJSON을 JSON 배열로 변환하는 방법, 배열을 compact 줄 단위 레코드로 되돌리는 방법, 줄별 오류 검증을 설명합니다.
-
Markdown 목차 생성기: 한 파일, 네 가지 앵커 방언
GitHub, GitLab, Jekyll, Bitbucket에서 실제로 동작하는 Markdown 목차 생성. 앵커 slug 알고리즘, 중복 처리 규칙, 마커 기반 원위치 갱신, 그리고 링크를 조용히 망가뜨리는 크로스플랫폼 함정까지.
-
Meta 태그 생성기: 한 페이지, 네 종류의 청중
<head> 메타 블록을 한 번에 생성 — Open Graph, Twitter 카드, Schema.org JSON-LD, SEO 기본 항목. og:image 사양, 표준 URL 함정, 플랫폼별 특이점까지 다룹니다.
-
Cubic Bezier 생성기: CSS 이징 곡선을 감으로 짜지 마세요
컨트롤 포인트 두 개를 드래그하고, 애니메이션을 재생하고, CSS / SCSS / Tailwind를 복사하세요. 더해 cubic-bezier 뒤의 수학, 디자인 시스템 표준 곡선, 운영 환경까지 새어 나가는 흔한 함정도 정리.
-
Favicon 생성기: 브라우저에서 모던 멀티 파일 세트 만들기
ICO, 멀티 사이즈 PNG, apple-touch-icon, manifest로 구성된 모던 favicon 세트를 업로드 없이 생성. ICO 파일 형식, PWA maskable 아이콘, 그리고 각 브라우저가 실제 요청하는 파일을 다룹니다.
-
색상 명도 대비 검사기: 브랜드 컬러를 죽이지 않고 WCAG AA 통과하기
전경/배경에서 WCAG 2.x 비율, 본문/큰 글자/UI 세 단계의 AA/AAA 통과 여부, 미달 시 색상은 유지하고 명도만 조정하는 수정 제안을 한 번에 얻습니다.
-
EXIF 메타데이터 뷰어: 브라우저에서 사진의 GPS와 카메라 정보를 제거하기
브라우저에서 EXIF 메타데이터를 확인하고 JPEG 사진의 EXIF / XMP / IPTC 마커 세그먼트를 제거. JPEG 마커 레이아웃, GPS 좌표 디코딩, SNS의 실제 처리 방식까지 다룬다.
-
WiFi QR 코드 생성기: 손님이 한 번 스캔으로 Wi-Fi 에 연결되게 하기
Wi-Fi 자동 연결용 QR 코드를 온라인으로 생성. WIFI: 문자열 형식, 이스케이프 규칙, 암호화 방식, 단말 호환성까지 다룹니다.
-
CSS 박스 섀도우 생성기: box-shadow 실용 가이드
무료 온라인 생성기로 CSS box-shadow 마스터하기. 문법·레이어링·인셋 섀도우·실용 예시 학습 — 시행착오 없이.
-
색상 음영 생성기: 일관된 UI 팔레트 빠르게 구축하기
UI 디자인을 위한 색상 음영과 틴트를 생성하는 방법을 배웁니다. HSL 수학, Tailwind 스타일 팔레트, 명도 대비, 무료 온라인 색상 음영 생성기 설명.
-
JSON to Python 데이터클래스: API 응답을 타입이 있는 Python 코드로 변환
모든 JSON에서 Python dataclass, Pydantic v2 모델, TypedDict를 생성. 중첩 객체, 배열, 선택적 필드 처리. 무료, 브라우저에서 실행.
-
JWT 생성기: 브라우저에서 JWT 토큰을 생성하고 서명하기
HS256/384/512로 브라우저에서 JWT 토큰을 생성하고 서명. 헤더·페이로드 편집, 시크릿 설정, 복사 완료. 서버로 데이터가 전송되지 않음.
-
TypeScript to Zod 스키마 생성기: 인터페이스를 런타임 유효성 검사로 변환
TypeScript 인터페이스와 타입 별칭을 Zod 스키마로 즉시 변환. 변환 원리 이해, 엣지 케이스 처리, API 코드에 런타임 유효성 검사 추가.
-
ULID 생성기: ULID란 무엇이며 정렬에서 UUID보다 왜 뛰어난가
ULID vs UUID — 차이점 이해, ULID를 언제 사용할지, 생성 방법, 분산 시스템에서 ULID가 정렬 문제를 해결하는 방법.
-
JSON에서 Java POJO 자동 생성: 모델 클래스 직접 작성 그만하기
JSON을 붙여 넣으면 Jackson 어노테이션이 있는 Java POJO를 자동 생성. 중첩 객체·null 처리·snake_case 변환 지원. Lombok·Spring Boot 연동 패턴 포함.
-
온라인 QR 코드 디코더: 이미지에서 QR 코드 즉시 읽기
브라우저에서 QR 코드 이미지를 디코딩. URL·Wi-Fi 자격 증명·vCard·텍스트를 서버 업로드 없이 추출. 무료·개인정보 보호·즉시 처리.
-
Markdown 온라인 Lint: 커밋 전에 포맷 오류 잡기
브라우저에서 Markdown을 Lint합니다. MD001, MD013, MD041 등 40개 이상의 markdownlint 규칙을 규칙 ID와 줄 번호로 즉시 피드백.
-
Protobuf to JSON 변환기: .proto 스키마와 바이너리 메시지를 온라인으로 디코딩
Protobuf 스키마에서 샘플 JSON을 생성하거나 16진 바이너리 메시지를 JSON으로 디코딩합니다. protobufjs 기반으로 브라우저에서 완전히 실행되는 프라이버시 우선 도구입니다.
-
브라우저만으로 끝내는 개발자 생산성 해킹 10가지: JSON / JWT / UUID 한 번에
설치 없이 브라우저에서 바로 실행하는 10가지 개발 효율 팁. JSON 포맷팅, JWT 디코딩, UUID 생성, Cron 해석, 텍스트 비교까지 일상 디버깅 잡일을 몇 초 안에 처리합니다.
-
개발자 도구 진화사: CLI에서 브라우저까지
로컬 CLI에서 클라우드 SaaS, 그리고 클라이언트 사이드 브라우저 앱까지 — 개발자 도구가 어떻게 변했고 왜 브라우저 모델이 승리했는지 정리합니다.
-
엉망진창 JSON에서 깔끔한 API까지: 실전 디버깅 스토리
프로덕션 webhook의 사일런트 실패를 45분 만에 잡아낸 실화. 브라우저 도구로 토큰을 디코딩하고, payload를 비교하고, 포맷하고, 마침내 버그를 찾기까지.
-
NATO 음성 문자 변환기: API 키와 해시를 구두로 정확하게 전달하기
텍스트를 NATO 음성 문자(Alpha, Bravo, Charlie...)로 온라인 변환. 무료, 즉시, 가입 불필요. 개발·운영·고객지원 업무에서 활용하세요.
-
모든 웹 개발자가 알아야 할 보안 베스트 프랙티스
해싱, HMAC, JWT, TOTP, 비밀번호 저장 등 웹 보안의 핵심을 브라우저에서 바로 검증할 수 있는 도구와 함께 실전적으로 정리합니다.
-
모든 개발자에게 툴박스가 필요한 이유: 효율적인 워크플로우 만들기
최고의 개발자는 가장 똑똑한 사람이 아니라 도구에 가장 의도적인 사람입니다. 잘 큐레이션된 개발자 툴박스가 왜 워크플로우의 force multiplier가 되는지 정리합니다.
-
CSV to SQL 변환 가이드：INSERT 문과 CREATE TABLE 자동 생성하기
CSV 파일을 SQL INSERT 문과 CREATE TABLE 문으로 변환하는 방법. 헤더 처리, 타입 감지, MySQL·PostgreSQL·SQLite 방언 차이 완벽 정리. 무료 온라인 도구 제공.
-
HTML to JSX 변환 가이드: React 마이그레이션에서 알아야 할 모든 속성 규칙
HTML을 JSX로 변환하는 완전 가이드. className, htmlFor, 인라인 스타일 객체, camelCase 이벤트, 자기 닫기 태그를 총망라. 무료 온라인 컨버터 포함.
-
htpasswd 생성기: Apache·Nginx Basic 인증 비밀번호를 브라우저에서 생성
Apache와 Nginx Basic 인증용 htpasswd 항목 생성 방법 완전 가이드. bcrypt·MD5·SHA1 알고리즘 비교와 보안 설정 포함. 비밀번호는 브라우저 내에서만 해싱됩니다.
-
온라인 IP 서브넷 계산기: CIDR, 서브넷 분할, 호스트 범위 완전 가이드
IPv4 서브넷을 온라인으로 즉시 계산. CIDR 표기를 입력하면 네트워크 주소, 브로드캐스트, 호스트 범위, 사용 가능 호스트 수가 즉시 출력. 무료 서브넷 계산기.
-
SVG to JSX 변환 가이드: React에서 SVG 아이콘 바로 사용하기
SVG를 JSX로 변환하는 완전 가이드. 속성 camelCase화, TypeScript 타입, forwardRef, props 스프레드 완전 지원. 무료 브라우저 기반 컨버터 포함.
-
텍스트를 ASCII 아트로 변환: 온라인 ASCII 아트 생성기 완전 가이드
200가지 이상의 FIGlet 폰트로 텍스트를 즉시 ASCII 아트로 변환. 무료, 가입 불필요. 터미널 배너, README 헤더, 코드 구분선에 최적.
-
CSV를 Markdown 표로 변환: README와 문서에 바로 쓰는 방법
CSV를 Markdown 표로 즉시 변환하세요. README, GitHub Issue, 기술 문서에 바로 붙여넣기. 파일은 서버로 전송되지 않습니다.
-
텍스트를 바이너리로 변환: UTF-8 인코딩 원리와 온라인 도구
텍스트를 바이너리로 즉시 변환하거나, 바이너리를 텍스트로 복원하세요. UTF-8 인코딩 원리 설명과 JavaScript·Python 예제 코드 포함.
-
AES 암호화 도구: 브라우저에서 텍스트를 안전하게 암호화·복호화
AES-GCM으로 브라우저에서 텍스트를 암호화·복호화하세요. AES 동작 원리·키 크기·모드 선택 방법과 Web Crypto API 구현 예제를 설명합니다.
-
CSS 명시도 계산기: 선택자 가중치 온라인 확인 및 충돌 디버깅
CSS 명시도 계산기로 선택자 가중치를 즉시 확인하세요. 0-0-0 표기법, 자주 실수하는 함정, 스타일 충돌 해결 방법을 설명합니다.
-
JSON to JSON Schema 생성기: 실제 데이터에서 스키마 자동 생성
JSON을 붙여 넣으면 JSON Schema draft-07을 즉시 생성. 타입 추론·required 필드·중첩 구조 처리 방법과 Ajv·jsonschema 활용 예제를 설명합니다.
-
모스 부호 변환기: 텍스트와 모스 코드 즉시 상호 변환
텍스트를 모스 부호로, 모스 부호를 텍스트로 변환하세요. 부호표·양방향 변환·프로사인의 원리와 JavaScript·Python 구현 예제를 설명합니다.
-
OpenAPI 검증기: OpenAPI 3 스펙을 온라인으로 즉시 검증
OpenAPI 스펙을 온라인으로 검증하세요. 필수 필드 누락, 잘못된 $ref, 타입 오류를 브라우저에서 발견 — 스펙 파일은 서버로 전송되지 않습니다.
-
CSS Flexbox 생성기: 플렉스 레이아웃을 시각적으로 구축하고 CSS 내보내기
CSS Flexbox 생성기로 플렉스 컨테이너를 시각적으로 구성하세요. justify-content, align-items, flex-wrap, gap, flex-grow를 복사 가능한 CSS로 설명합니다.
-
CSS 그리드 생성기: 코드 없이 그리드 레이아웃 시각적으로 설계하기
온라인 CSS 그리드 생성기로 레이아웃을 시각적으로 설계하고 CSS를 내보냅니다. grid-template-columns, rows, gap, 반응형 패턴을 설명합니다.
-
JSON을 Kotlin Data Class로 자동 변환: 직접 작성 그만하기
JSON을 붙여 넣으면 Kotlin data class를 자동 생성. nullable 처리·중첩 객체·리스트 타입 추론부터 Gson·Moshi·kotlinx.serialization 연동까지 설명합니다.
-
JSON을 Go Struct로 자동 변환: json 태그 포함 구조체 즉시 생성
JSON을 붙여 넣으면 Go struct와 json 태그를 자동 생성. 중첩 구조체·슬라이스·null 처리부터 net/http·Gin·Echo 연동 패턴까지 설명합니다.
-
JSONPath 테스터 온라인: 코드 없이 JSON 데이터 쿼리하기
JSONPath 구문을 배우고 온라인에서 JSON 경로 표현식을 테스트하세요. $ 루트, 점 표기법, 필터, 와일드카드, 재귀적 탐색을 실제 예시와 함께 설명합니다.
-
유니코드 텍스트 변환기: 모든 플랫폼에서 굵게·기울임·꾸미기 글자 적용하기
텍스트를 유니코드 굵게·기울임·고정폭·스몰캡 등으로 즉시 변환. HTML 없이 Twitter·Slack·Discord 등 플레인 텍스트 환경에서 스타일을 적용하는 방법을 설명합니다.
-
ASCII 변환 완벽 가이드: 문자 코드 동작 원리와 Unicode·UTF-8 차이
텍스트와 ASCII 코드를 즉시 상호 변환. ASCII 동작 원리, 제어 문자 의미, Unicode·UTF-8과의 관계, 코드에서의 실용적인 활용법을 설명합니다.
-
화면 비율 계산기 완벽 가이드: 16:9, 4:3, 커스텀 비율 계산과 CSS 구현
동영상, 디자인, 웹을 위한 화면 비율 계산과 변환. 16:9, 4:3, 21:9 차이와 리사이즈 시 비율 유지 방법, CSS 구현법을 설명합니다.
-
Base64 인코딩 완벽 해설: 원리부터 실전 코드까지
Base64가 무엇인지, 왜 필요한지, JavaScript·Python·커맨드라인에서 인코딩·디코딩하는 방법과 Base64URL 차이점까지 한 번에 정리합니다.
-
Linux 파일 권한 완벽 가이드: chmod 755, 644, 777 의미와 사용법
8진수 표기로 Linux 파일 권한 완전 이해. chmod 755, 644, 777이 의미하는 것, 언제 사용해야 하는지, 올바른 권한 설정 방법을 실무 중심으로 설명합니다.
-
색상 코드 변환 완벽 가이드: HEX, RGB, HSL, HSB 온라인 변환
HEX, RGB, HSL, HSB 색상 형식을 즉시 상호 변환. 각 형식 사용 시점, 변환 원리, CSS 색상 스케일 구축까지 실무 중심으로 설명합니다.
-
cron 표현식 완벽 가이드: 문법, 예제, 플랫폼별 설정
cron 표현식 문법을 치트 시트와 실제 예제로 완전 정복. Linux crontab, GitHub Actions, AWS EventBridge, Kubernetes CronJob 설정을 온라인 파서로 즉시 검증하세요.
-
CSS to Tailwind 변환 가이드: 유틸리티 클래스 매핑과 마이그레이션 전략
CSS를 Tailwind CSS 유틸리티 클래스로 변환하는 방법 완전 정복. 스페이싱, 타이포그래피, Flexbox, Grid 매핑 표와 Tailwind v4 변경 사항, 마이그레이션 전략 포함.
-
CSS 단위 변환 완벽 가이드: px, rem, em, vw 사용법과 변환 방법
px, rem, em, vw, vh를 즉시 상호 변환. 각 CSS 단위 사용 시점, 접근성 영향, 반응형 타이포그래피 구현까지 실무 중심으로 설명합니다.
-
CSS 변수 생성기 완벽 가이드: 커스텀 속성으로 테마 시스템 구축
CSS 커스텀 속성 문법, 스코프, 다크 모드 구현, JavaScript 접근까지 완전 정복. 디자인 토큰 시스템 구축과 온라인 CSS 변수 생성기 활용법을 설명합니다.
-
CSV to JSON 변환기 완벽 가이드: 스프레드시트에서 API 데이터로
CSV를 JSON으로 변환하는 방법, 헤더 처리, 타입 추론, 엣지 케이스, JavaScript·Python·CLI 코드 예제, 그리고 역방향 JSON to CSV 변환까지 정리합니다.
-
cURL to Code 변환기: curl 명령을 Python, JS, Go 코드로 즉시 변환
curl 명령을 Python requests, JavaScript fetch, Go, PHP 코드로 즉시 변환. 주요 curl 플래그와 라이브러리 매핑을 설명하고 브라우저 DevTools 활용법을 안내합니다.
-
텍스트 차이 비교 완벽 가이드: diff 동작 원리와 온라인 도구 활용법
두 텍스트, 파일, 코드 스니펫을 즉시 비교. diff 알고리즘 동작 원리, unified diff 형식 읽는 법, 코드 리뷰 워크플로에서의 활용법을 설명합니다.
-
.env 파일 온라인 파싱·검증 완전 가이드
.env 파일 문법 규칙·자주 하는 실수·각 언어별 파싱 방법을 해설. 브라우저에서 키-값 확인·문법 오류 검사·JSON 변환까지 즉시 실행할 수 있습니다.
-
docker run → Docker Compose 변환 가이드: 긴 명령을 YAML로 관리
docker run 명령을 docker-compose.yml로 즉시 변환. 플래그와 Compose 필드 매핑, 멀티 서비스 구성, 프로덕션 환경에서의 선택 기준을 실무 중심으로 설명합니다.
-
가짜 데이터 생성기: 설치 없이 브라우저에서 즉시 테스트 데이터 생성
이름·이메일·주소·UUID 등 테스트 데이터를 브라우저에서 즉시 생성. Faker.js 설치 불필요. 개발 DB 시딩·단위 테스트·UI 개발·부하 테스트에 활용하는 방법을 설명합니다.
-
SHA256 해시 생성기 완벽 가이드: MD5·SHA-1·SHA-256 비교
해시 함수 원리, MD5·SHA-1·SHA-256·SHA-512 차이점, 파일 무결성 검증과 비밀번호 저장에서 올바른 알고리즘 선택 방법을 정리합니다.
-
HMAC-SHA256 완전 가이드: 원리·Webhook 서명 검증·온라인 생성
HMAC의 동작 원리·일반 해시와의 차이·Webhook 서명 검증·JWT 서명 적용을 해설. JavaScript·Python·Go 구현 예제와 브라우저에서 즉시 확인하는 방법을 소개합니다.
-
.htaccess 생성기: mod_rewrite 없이 Apache 설정 파일 만들기
HTTPS 리다이렉트·CORS·캐시·Basic 인증 등 .htaccess 핵심 규칙 완전 해설. 자주 하는 실수와 온라인에서 정확한 .htaccess를 즉시 생성하는 방법을 소개합니다.
-
HTML 엔티티 완전 가이드: 특수 문자 인코딩·디코딩과 XSS 방어
HTML 엔티티의 동작 원리·이름 있는 엔티티와 숫자 참조의 차이·XSS 방지 이스케이프 방법을 해설. JavaScript·Python·PHP 인코딩 구현 예제와 빠른 참조표 포함.
-
HTTP 상태 코드 완전 레퍼런스: 1xx~5xx 의미와 올바른 사용법
HTTP 상태 코드 전 클래스를 해설. 200·201·301·401·403·404·422·429·500 등 실무에서 자주 사용하는 코드의 의미·반환 시점·코드에서 처리하는 방법을 완벽하게 설명합니다.
-
이미지를 Base64로 변환: CSS 임베딩·API 전송·이메일 첨부 완전 가이드
이미지를 Base64로 인코딩하여 CSS 데이터 URI·HTML 인라인·JSON API·이메일 첨부에 활용하는 방법을 해설. JavaScript·Python·Node.js 코드 예제와 CORS 주의사항 포함.
-
JSON Diff 온라인: 두 JSON을 비교하여 변경 사항을 즉시 파악
JSON 차이점을 브라우저에서 즉시 확인. 텍스트 diff와의 차이·RFC 6902 JSON Patch·설정 드리프트 감지·API 응답 비교 등 실용적인 사용 사례를 코드 예제와 함께 설명합니다.
-
JSON 포맷터 완벽 가이드: 온라인에서 JSON 정렬·검증하기
JSON 포맷팅이란 무엇인지, 문법 규칙과 자주 발생하는 오류, JavaScript·Python·jq로 코드에서 처리하는 방법까지 한 번에 정리했습니다.
-
JSON Schema 검증기: 스키마로 JSON 데이터를 검증하는 완전 가이드
JSON Schema 핵심 키워드·드래프트 버전·AJV/Python/Go 검증 API를 해설. 온라인 검증기로 스키마와 데이터를 즉시 테스트하는 방법과 흔한 실수를 방지하는 팁 포함.
-
JSON에서 TypeScript 인터페이스 자동 생성: 타입 직접 작성 그만하기
JSON을 붙여 넣으면 TypeScript interface를 자동 생성. 중첩 객체·배열·null 값 처리, 자주 발생하는 엣지 케이스와 OpenAPI 연동 패턴을 알기 쉽게 설명합니다.
-
JSON에서 Zod 스키마 자동 생성: TypeScript 런타임 검증 실전 가이드
JSON을 붙여 넣어 Zod 스키마를 즉시 생성. Zod 동작 원리·parse vs safeParse·API 응답 검증·tRPC·React Hook Form·환경 변수 검증 구현 패턴을 자세히 설명합니다.
-
JWT 디코더 완벽 가이드: JSON Web Token 구조와 보안
JWT가 무엇인지, 클레임 해석 방법, 서명 알고리즘 차이, 그리고 개발자가 자주 빠지는 보안 함정까지 실전 중심으로 정리합니다.
-
텍스트 줄 도구: 줄 정렬·중복 제거·변환을 브라우저에서 바로
텍스트 줄을 알파벳순 정렬, 중복 줄 제거, 순서 반전, 공백 제거 등을 온라인에서 처리. 로그 분석과 데이터 정리에 유용한 실전 가이드.
-
Lorem Ipsum 생성기 완전 가이드: UI 목업용 플레이스홀더 텍스트 만들기
UI 목업과 개발을 위한 Lorem Ipsum 플레이스홀더 텍스트 생성 방법. Lorem Ipsum의 유래, 사용 시기, 출력 커스터마이징 방법까지 실전 가이드. 무료 도구 제공.
-
Markdown 치트시트: GitHub Flavored Markdown 완전 레퍼런스
GFM 문법, 테이블, 작업 목록, 코드 블록, 확장 기능을 모두 담은 Markdown 치트시트. 라이브 온라인 미리보기 도구와 함께 지금 바로 확인하세요.
-
Markdown 온라인 미리보기: 브라우저에서 즉시 렌더링
구문 강조, GFM 테이블, 작업 목록, 코드 블록을 실시간으로 미리보기. 설치 불필요 — 붙여넣기만 하면 즉시 렌더링됩니다.
-
Markdown 테이블 생성기: CSV·JSON 가져오기 지원 비주얼 에디터
비주얼 에디터, CSV 붙여넣기, JSON 붙여넣기로 Markdown 테이블을 즉시 생성. GFM 테이블 문법, 컬럼 정렬, 파이프 문자 이스케이프 방법 설명.
-
강력한 비밀번호 생성기 가이드: 엔트로피와 보안 원칙
진짜 강력한 비밀번호의 조건, 엔트로피 개념, 암호학적 난수 생성기 활용법, 패스프레이즈 전략, 그리고 개발자를 위한 시크릿 생성 방법을 정리합니다.
-
진수 변환기 가이드: 2진수·8진수·10진수·16진수 완벽 정리
2진수, 8진수, 10진수, 16진수를 즉시 변환. 진수 변환의 원리와 프로그래밍에서 각 진수가 언제 쓰이는지 설명. 무료 온라인 도구 제공.
-
QR 코드 생성기 가이드: URL·Wi-Fi·텍스트용 QR 코드 만들기
웹사이트 URL, Wi-Fi 자격 증명, 연락처 카드, 일반 텍스트용 QR 코드 생성. 형식, 오류 수정 레벨, 다운로드 옵션까지 상세 설명.
-
정규식 치트시트: 문자 클래스·수량자·그룹·룩어헤드 총정리
정규식 문자 클래스, 수량자, 앵커, 그룹, 룩어헤드/룩비하인드를 실용적인 예제와 함께 정리합니다. JavaScript·Python 코드 예제와 실시간 테스터 포함.
-
온라인 정규식 테스터: 실시간 매칭으로 정규표현식 디버깅
정규표현식을 온라인으로 테스트. 실시간 매치 강조, 캡처 그룹, 플래그 지원. IDE 없이 패턴을 즉시 디버깅하세요.
-
robots.txt 생성기 완전 가이드: 웹 크롤러 제어와 SEO 영향
온라인 robots.txt 생성기로 검색 엔진 크롤러를 제어하세요. 디렉티브 설명, 일반적인 설정 패턴, SEO에 악영향을 주는 실수 방지 방법까지 상세 안내.
-
RSA 키 쌍 생성기: 브라우저에서 2048·4096비트 키 안전하게 생성
RSA 키 쌍(PEM, JWK)을 브라우저에서 즉시 생성 — 서버 없음, 업로드 없음. 키 크기, 형식, SSH·TLS·JWT 실제 사용 사례까지 상세 설명.
-
URL 슬러그 생성기: SEO 친화적인 슬러그 만들기와 주의 사항
URL 슬러그의 정의, SEO에 미치는 영향, Unicode·공백·특수 문자가 포함된 문자열을 온라인으로 슬러그화하는 방법. 프로그래밍 구현 예제 포함.
-
SQL 포매터 완전 가이드: 쿼리를 읽기 쉽게 정렬하는 방법
SQL 쿼리를 자동 포매팅하여 가독성을 높이는 방법을 설명합니다. SELECT·JOIN·CTE 작성법, VS Code 설정, 온라인 도구 사용법까지 실무 중심으로 안내합니다.
-
SVG to PNG 변환 완전 가이드: 벡터 이미지를 래스터 이미지로 변환하는 방법
SVG를 PNG로 변환하는 방법을 설명합니다. 해상도·투명 배경·DPI 설정부터 커맨드라인 변환, 앱 아이콘 사이즈 표까지 실무 중심으로 안내합니다.
-
텍스트 케이스 변환 가이드: camelCase·snake_case·PascalCase·kebab-case 완전 해설
camelCase·snake_case·PascalCase·kebab-case·SCREAMING_SNAKE_CASE를 즉시 변환. 각 네이밍 컨벤션의 사용 시점과 실무 활용법을 설명합니다.
-
Unix 타임스탬프 변환기 완벽 가이드: 에포크 시간 이해와 활용
Unix 타임스탬프가 무엇인지, 초와 밀리초 구분법, JavaScript·Python·Go·SQL에서 날짜 변환하는 방법, 타임존 처리와 2038년 문제까지 정리합니다.
-
TOML to JSON 완전 가이드: 변환 방법과 코드 구현
TOML을 JSON으로 변환하는 방법을 설명합니다. TOML 구문 기초, JSON 비교, Rust/Python/Go 구현 예시, 온라인 도구 사용법까지 총망라합니다.
-
TOTP·2FA 완전 가이드: 시간 기반 일회용 비밀번호의 원리와 구현
TOTP와 RFC 6238의 작동 원리를 설명합니다. 테스트 코드 온라인 생성, HMAC+타임스텝 원리, Node.js/Python/Go TOTP 구현 방법까지 안내합니다.
-
URL 인코딩·디코딩 완벽 가이드: 퍼센트 인코딩 원리와 실전
URL 퍼센트 인코딩이 무엇인지, encodeURI와 encodeURIComponent의 차이, 쿼리 스트링을 올바르게 구성하는 방법과 흔한 실수를 정리합니다.
-
UUID 생성기 완벽 가이드: UUID 버전별 차이와 실전 활용
UUID 형식, 버전별 차이(v1~v7), JavaScript·Python·Go·SQL에서 생성하는 방법, 데이터베이스 기본키로 쓸 때 주의사항까지 정리합니다.
-
URL 파서 완전 가이드: URL을 구성 요소로 분해하여 이해하기
URL을 프로토콜·호스트·경로·쿼리 파라미터·프래그먼트로 분해하는 방법을 설명합니다. API 디버깅·리다이렉트 추적·보안 리뷰에 활용하는 실무 가이드입니다.
-
WebP 변환 완전 가이드: 이미지를 압축하여 웹 성능 개선하기
WebP 변환기로 PNG·JPEG 파일 크기를 25~35% 줄이는 방법을 설명합니다. 브라우저 지원·폴백 패턴·Next.js 최적화·cwebp CLI 사용법까지 총망라합니다.
-
단어 수·글자 수 카운터 완전 가이드: 읽기 시간·문자 수·단락 수 측정 방법
단어 수·문자 수·문장 수·단락 수를 측정하고 읽기 시간을 추정하는 방법을 설명합니다. 도구마다 수치가 다른 이유와 SEO·학술·글쓰기 목표 활용법을 안내합니다.
-
XML 포매터 완전 가이드: XML 정렬·검증 방법
XML 문서를 정렬·검증하는 방법을 설명합니다. XML 구문·네임스페이스·CDATA·SOAP 디버깅부터 코드에서의 XML 처리까지 실무 중심으로 안내합니다.
-
YAML to JSON 완전 가이드: 변환 함정과 실무 활용법
YAML을 JSON으로 변환하는 방법을 설명합니다. YAML 구문·K8s 설정·Docker Compose·GitHub Actions 실예시, yq/Python/Node.js 변환 코드까지 총망라합니다.
-
YAML 검증기 완전 가이드: 구문 오류를 프로덕션 전에 잡는 방법
YAML 구문을 온라인에서 검증하는 방법을 설명합니다. 들여쓰기 오류·중복 키·타입 문제를 줄 단위로 보고. CI/CD에 yamllint 통합하는 방법도 안내합니다.