가이드 및 튜토리얼
각 도구를 더 잘 활용하기 위한 짧은 가이드입니다.
RSS추천
최신
Meta 태그 및 Open Graph 출시 체크리스트
title, description, 소셜 카드를 함께 배포해 크롤러와 채팅 앱이 같은 스토리를 보게 하세요.
SEO · Open Graph · 출시
인시던트 로그 줄 정렬 및 중복 제거
티켓이나 diff 도구에 붙이기 전에 시끄러운 로그 조각을 정리하세요.
로그 · SRE · 텍스트
더 빠른 페이지를 위한 이미지 포맷 변환
최신 브라우저에는 WebP/AVIF, 이메일·레거시에는 PNG 폴백을 제공하세요.
이미지 · 성능 · WebP
지급 테스트 전 IBAN 검사
샌드박스에서 MOD-97로 구조 검증 — 형식만으로 계정 소유는 증명되지 않습니다.
IBAN · 핀테크 · 테스트
테스트 전용 신용카드 Luhn 검사
테스트 PAN으로 폼을 검증 — Luhn은 승인·소유 증명이 아닙니다.
결제 · 테스트 · PCI
launch page용 slug와 meta tags
readable URL과 consistent Open Graph tags 한 번에 ship.
SEO · slug · meta
release 전 semver bump
fix는 patch, feature는 minor, breaking change는 major — changelog에 기록.
semver · release · devtools
deploy 전 .env file parse
staging boot 깨기 전 duplicate key와 invalid name catch.
.env · config · devops
API types용 JSON to TypeScript
sample response를 interface로 turn, code review에서 name refine.
TypeScript · JSON · API
새 repo용 gitignore template
옛 repo 전체 copy 대신 stack-specific template에서 시작.
git · gitignore · devtools
config 파일을 위한 YAML과 JSON
runtime이 읽는 format을 고르세요; 양쪽을 모두 통제할 때만 convert하세요.
YAML · JSON · config
DB insert 전 UUID validate
malformed ID를 DB error log 대신 edge에서 잡으세요.
UUID · validation · API
분산 시스템에서 UUID v4
random UUID는 coordination을 줄입니다; sequential business ID 대체는 아닙니다.
UUID · backend · 분산
QR code error correction과 size
높은 correction은 damaged print tolerate; 큰 module은 poster에서 faster scan.
QR · design · print
email attachment용 PDF compress
size limit과 readable text 균형 — deck 전체 compress 전 한 page test.
PDF · email · workflow
docs site용 Markdown to HTML
preview용 prose convert; production HTML은 static site generator로.
Markdown · HTML · docs
responsive layout용 image resize
layout이 쓰는 exact width export — mobile에 4000px source ship 금지.
image · performance · frontend
업로드 이미지에서 QR decode
screenshot과 photo 가능 — file format보다 lighting과 blur가 중요.
QR · support · workflow
markup beautify vs minify 시점
사람을 위해 beautify, 바이트를 위해 minify — 두 목표를 한 단계에 섞지 마세요.
HTML · performance · workflow
릴리스마다 OpenAPI 검증하기
깨진 계약을 일찍 잡으세요 — 누락된 paths, info 블록, 버전 drift.
OpenAPI · API · CI
코드 리뷰에서 SQL 포맷터 사용하기
일관된 SQL diff는 노이즈를 줄이고 로직 변경을 더 빨리 드러냅니다.
SQL · 리뷰 · 데이터베이스
프로덕션 빌드를 위한 JS·CSS minify
개발 중 minify된 소스를 디버깅하지 않고 더 작은 asset을 배포하세요.
JavaScript · CSS · 성능
API와 template에서 HTML entity encoding
HTML 또는 JSON string field에 embed하기 전 user content를 escape하세요.
HTML · 보안 · XSS
webhook용 HMAC 서명
공유 secret과 안정적인 algorithm을 사용하세요 — 서버에서 verify하고 client-side check만 믿지 마세요.
HMAC · 보안 · webhooks
디자인 handoff에서 HEX, RGB, HSL
색상을 한 번 변환하고 CSS, tokens, docs에 일관된 값을 붙여넣으세요.
색상 · CSS · design
XML config 파일을 안전하게 포맷하기
읽기 쉬운 XML은 리뷰에 도움이 됩니다; merge 전 consumer에 대해 validate하세요.
XML · config · DevOps
게시 전 HTML 포맷하기
읽기 쉬운 마크업은 중첩 오류를 일찍 잡고 PR 리뷰를 빠르게 합니다.
HTML · 프론트엔드 · 워크플로
로우레벨 디버깅을 위한 binary와 hex
로그에 hex 정수가 보이면 bit mask를 추측하기 전에 base를 변환하세요.
binary · hex · debugging
HTTP 응답 디버깅 체크리스트
상태 코드, 헤더, 페이로드 구조로 API 오류를 빠르게 분리합니다.
HTTP · API · debugging
HTTP Request 도구로 API 디버깅하기
Method/Header/Query/Auth/Body를 한 작업대에서 조합해 빠르게 점검합니다.
HTTP · API · debugging
현대 웹 앱을 위한 SVG 최적화
SVG를 정리하여 번들 크기를 줄이고 성능을 향상시킵니다.
SVG · 성능 · 웹 개발
안전한 비밀번호 생성을 위한 모범 사례
보안을 위해 엔트로피와 문자 다양성이 중요한 이유.
보안 · 비밀번호 · 개인정보 보호
운영 인수인계를 위한 Cron Parser 팁
크론 표현식을 사람이 읽는 일정으로 바꿔 교대/사후 분석의 오해를 줄이세요.
Cron · Ops · SRE
Base64 인코딩 이해 및 활용 사례
Base64가 작동하는 방식과 이진 데이터를 텍스트로 변환할 때 사용하는 시기.
Base64 · 인코딩 · 웹 개발
API 페이로드 안정화를 위한 JSON String Escape
원문 텍스트를 JSON에 넣기 전에 이스케이프하여 따옴표/제어문자 오류를 방지하세요.
JSON · API · escape
설정이 어긋날 때 Diff로 검토
배포 전 텍스트 스냅샷을 비교해 의도치 않은 수정을 잡습니다.
diff · DevOps · review
CSV에서 JSON으로: 헤더와 타입
헤더가 키가 됩니다. 대량 변환 전에 컬럼명을 정규화하세요.
CSV · JSON · data
느린 업로드 전에 이미지 압축하기
레이아웃은 리사이즈, 용량은 압축. 실제 기기에서 화질을 확인하세요.
image · performance · web
워크플로에 맞춰 PDF 병합 vs 분할
단일 전달은 병합, 선택 공유·보관은 분할이 적합합니다.
PDF · document · workflow
Unix 타임스탬프: 초 vs 밀리초
변환 전 단위를 확인해 x1000 오류를 방지하세요.
time · debugging · API
Base64 vs URL 인코딩: 올바른 선택
두 방식은 목적이 다르므로 혼용하면 안 됩니다.
encoding · web · API
정규식 테스트 실전 팁
작은 샘플로 반복하고 플래그 및 과도한 백트래킹을 점검하세요.
regex · debugging
배포 전 JSON 검증하기
문법 오류를 먼저 잡고, 의미 검증은 별도로 수행하세요.
JSON · validation · DevOps
JSON 포맷과 압축, 언제 무엇을 쓸까
리뷰에는 포맷, 전송에는 압축이 적합합니다.
JSON · API · config
JWT를 안전하게 디코딩하는 방법
토큰 구조는 로컬에서 확인하고, 서명 검증은 서버에서 수행하세요.
JWT · security · OAuth