웹 도구 키트

웹/프런트엔드 개발에 유용한 가벼운 도구 모음입니다.

도구 목록

HTML 특수문자와 기호를 10진수 문자 참조로 안전하게 변환/복원하여 문자 깨짐을 방지합니다.

코드/텍스트를 VS Code 사용자 스니펫 JSON으로 변환합니다. prefix/scope를 지정해 자주 쓰는 템플릿을 빠르게 삽입하세요.

공인 IP 주소를 즉시 표시합니다. 네트워크 조정 및 보안 점검에 유용합니다.

문자/바이트/줄 수를 즉시 계산합니다. 원고 작성, SNS 글자 수 조정, 원고 체크에 유용합니다.

크기·색상·텍스트·포맷을 지정해 플레이스홀더 이미지를 즉시 미리보기. URL 복사와 다운로드 지원으로 와이어프레임/모형/표시 테스트에 유용합니다.

지정한 글자 수로 일본어 또는 Lorem Ipsum을 빠르게 생성. 레이아웃 확인과 목업에 적합합니다.

HTML에서 id/class를 추출해 Plain CSS / 자손 CSS / 중첩 SCSS 보일러플레이트를 생성합니다. 초기 설계 정리와 마크업 점검에 유용합니다.