도트아트 에디터
브라우저 그리드에서 하트, 스마일, 화살표 같은 도트아트를 그리고 팔레트와 밀도를 확인한 뒤 복사해요.
브라우저에서만 처리입력값이 서버로 가지 않아요.
입력과 결과
입력한 내용은 이 브라우저에만 저장돼요. 다시 열면 마지막 작업을 불러올 수 있어요.
이럴 때 써요
- 브라우저 그리드에서 하트, 스마일, 화살표 같은 도트아트를 그리고 팔레트와 밀도를 확인한 뒤 복사해요.
- 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인해요.
- 도트아트 에디터와 관련 도구를 이어서 사용해 작업 흐름을 줄여요.
예제
- 일반 입력
Heart preset- 도트아트 에디터를 사용하기 전에 이 예제로 입력 흐름을 확인하세요.
- 일반 출력
○●●○○●●○ ●●●●●●●● ●●●●●●●● ○●●●●●●○ ○○●●●●○○ ○○○●●○○○- 복사하기 전에 결과 형태와 다음 검토 지점을 확인하는 예제예요.
자주 하는 실수
- 브라우저 그리드에서 하트, 스마일, 화살표 같은 도트아트를 그리고 팔레트와 밀도를 확인한 뒤 복사해요.
- 브라우저 로컬 처리 방식과 실제 입력 구조가 맞지 않으면 결과를 그대로 믿기 어려워요.
- 복사한 값에 운영 비밀값, 고객 데이터, 내부 URL이 섞여 있으면 공유 전에 제거해야 해요.
복사하기 전에
- 1원본 입력과 결과 형태를 한 번 더 비교해요.
- 2대상 런타임, 인코딩, 시간대, 보안 정책 차이를 확인해요.
- 3도트아트 에디터 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토해요.
참고 자료
점자 패턴 블록 U+2800–U+28FF
한 글자 안에 2x4 = 8개의 점을 켜고 끌 수 있어서, 글자 하나가 픽셀 8개 노릇을 해요. 256자가 점 8개의 모든 경우의 수예요. 도트아트가 적은 글자 수로 그림이 되는 이유예요.
기준 Unicode 블록 정의
고정폭 글꼴에서만 모양이 유지돼요
글자 폭이 제각각인 글꼴에 붙이면 줄이 어긋나 그림이 무너져요. 코드 블록처럼 고정폭으로 보이는 곳에 붙여넣어요.
기준 글꼴에 따라 다름
붙여넣는 곳의 글자 수 제한을 보세요
도트아트는 보기에는 그림이지만 세기로는 글자예요. 16x16 그림이면 줄바꿈까지 300자가 넘어가요. 소개글이나 댓글처럼 글자 수 제한이 있는 곳에는 격자를 줄여서 만들어요.
기준 붙여넣을 곳마다 다름
자주 묻는 질문
도트아트 에디터 입력값은 어디에서 처리되나요?
가능한 작업은 브라우저에서 처리돼요. 운영 비밀값이나 고객 데이터는 넣지 않는 기준은 그대로 유지하세요.
결과를 그대로 운영에 써도 되나요?
복사하기 전에 대상 런타임, 인코딩, 시간대, 보안 정책처럼 환경별 차이를 한 번 더 확인하세요.