Show HN: SVG Spark – 클라이언트 측 SVG 디자인 및 개발 도구 10가지
요약
이 글은 클라이언트 측에서 사용할 수 있는 SVG 기반의 디자인 및 개발 도구 10가지를 소개합니다. 벡터 이미지 변환, 정규식 시각화, PDF 처리, JSON/CSV 변환 등 다양한 기능을 제공하여 웹 개발 워크플로우를 지원합니다.
핵심 포인트
- SVG 기반으로 작동하는 클라이언트 측 디자인 도구 모음입니다.
- 벡터 이미지를 PNG/WebP 같은 비트맵 형식으로 변환할 수 있습니다.
- JSON 데이터를 CSV나 Excel로 쉽게 평탄화하여 내보낼 수 있습니다.
- WCAG 접근성 점수 측정 및 SQL 쿼리 포맷팅 기능을 제공합니다.
SVG → PNG / WebP
배치로 벡터 이미지를 비트맵 이미지로 변환합니다.
Regex Visualizer
실시간 하이라이팅으로 패턴을 디버깅하세요.
Social Image Resizer
플랫폼 안전 영역 오버레이를 사용하여 크롭합니다.
PDF Splitter & Merger
브라우저에서 PDF 파일을 병합하거나 분할합니다.
JSON → CSV / Excel
JSON을 평탄화(Flatten)하고 스프레드시트를 내보냅니다.
SRT to Clean Text
자막에서 타임스탬프를 제거합니다.
UTM Link Builder
캠페인 URL을 생성하고 추적합니다.
SQL Formatter
모든 방언(dialect)에 대해 쿼리를 보기 좋게 만듭니다.
Contrast Checker
WCAG AA/AAA 접근성 점수를 측정합니다.
Markdown Previewer
실시간 미리보기, HTML 및 리치 텍스트 내보내기 기능을 제공합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 HN Code Generation의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기