도구 목록

지금 열려 있는 도구는 2개입니다. 설치도 회원가입도 없이 브라우저에서 바로 열리고, 만든 결과물은 파일로 내려받습니다. 도구가 늘어나면 이 목록에 자동으로 나타납니다.

갈래는 2개입니다. 도구가 하나도 없는 갈래는 여기에 나오지 않습니다 — 비어 있는 칸을 미리 만들어 두지 않기 때문입니다. 새 도구가 등록되면 그 갈래가 이 줄에 함께 생깁니다.

편집·제작

화면에서 직접 만들고 파일로 가져가는 도구.

• 블록 에디터

  제목·이미지·표·그래프를 세로로 쌓아 상세페이지를 만들고 PNG 나 HTML 파일로 내려받습니다.

  상세페이지블록 편집기표그래프PNG 내보내기

  읽을 거리: 처음 만들어보기 · 아무 일도 안 일어날 때 · 지금 무엇이 들어 있는지 세는 법

디자인

색·대비·여백처럼 눈으로 확인해야 하는 것을 재는 도구.

• 색상 대비 검사기

  글자색과 배경색의 대비비를 재서 WCAG 기준 통과 여부를 보여주고, 실패하면 통과하는 가장 가까운 색을 대신 골라 줍니다.

  대비비WCAG접근성가독성색 보정

  읽을 거리: 간격과 정렬

도구는 어떻게 늘어나나

이 목록은 손으로 관리하지 않습니다. src/tools/registry.json 한 곳에 도구를 적으면 이 목록·갈래·홈 화면의 카드·sitemap.xml 이 한꺼번에 다시 만들어집니다. 그래서 도구가 늘어도 손댈 화면이 늘지 않습니다.

대신 「같은 도구를 조금씩 바꿔 주소만 늘리는 것」은 하지 않습니다. 새 주소는 그 주소를 지웠을 때 사용자가 잃는 것이 있을 때만 만듭니다. 자세한 기준은 소개에 적어 뒀습니다.

쓰다가 막히면

각 도구의 사용법과 자주 막히는 지점은 사용 가이드에 정리해 뒀습니다. 문서대로 했는데 그대로 되지 않으면 문의로 알려 주세요.