아스키아트 생성기
짧은 단어를 ASCII 배너, 블록 글자, 도트 스타일 텍스트 아트로 만들고 폭과 미지원 문자를 확인해요.
브라우저에서만 처리입력값이 서버로 가지 않아요.
입력과 결과
입력한 내용은 이 브라우저에만 저장돼요. 다시 열면 마지막 작업을 불러올 수 있어요.
이럴 때 써요
- 짧은 단어를 ASCII 배너, 블록 글자, 도트 스타일 텍스트 아트로 만들고 폭과 미지원 문자를 확인해요.
- 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인해요.
- 아스키아트 생성기와 관련 도구를 이어서 사용해 작업 흐름을 줄여요.
예제
- 일반 입력
BOB- 아스키아트 생성기를 사용하기 전에 이 예제로 입력 흐름을 확인하세요.
- 일반 출력
#### ### #### # # # # # # #### # # #### # # # # # # #### ### ####- 복사하기 전에 결과 형태와 다음 검토 지점을 확인하는 예제예요.
자주 하는 실수
- 짧은 단어를 ASCII 배너, 블록 글자, 도트 스타일 텍스트 아트로 만들고 폭과 미지원 문자를 확인해요.
- 브라우저 로컬 처리 방식과 실제 입력 구조가 맞지 않으면 결과를 그대로 믿기 어려워요.
- 복사한 값에 운영 비밀값, 고객 데이터, 내부 URL이 섞여 있으면 공유 전에 제거해야 해요.
복사하기 전에
- 1원본 입력과 결과 형태를 한 번 더 비교해요.
- 2대상 런타임, 인코딩, 시간대, 보안 정책 차이를 확인해요.
- 3아스키아트 생성기 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토해요.
참고 자료
ASCII 는 7비트로 출력 가능한 문자 94개만 정의해요(RFC 20). 그래서 ░ ▒ █ 같은 블록 문자를 쓴 그림은 더는 ASCII 가 아니고, ASCII 만 받는 곳(구형 터미널, 일부 로그 뷰어, 메일 헤더)에서 물음표로 바뀌어요.
기준 RFC 20
유니코드는 문자마다 East Asian Width 를 매기고, W 나 F 인 문자는 고정폭 글꼴에서 두 칸을 차지해요(UAX #11). 그림이 한 줄만 삐뚤어 보이면 그 줄에 전각 문자가 섞인 거예요.
기준 UAX #11
연속된 공백과 줄바꿈을 그대로 두려면 white-space: pre 가 필요하다고 CSS Text 명세가 정해요. 기본값인 normal 은 공백을 하나로 접어서, 웹페이지에 그냥 붙이면 그림이 한 줄로 뭉개져요.
기준 CSS Text Level 3
자주 묻는 질문
아스키아트 생성기 입력값은 어디에서 처리되나요?
가능한 작업은 브라우저에서 처리돼요. 운영 비밀값이나 고객 데이터는 넣지 않는 기준은 그대로 유지하세요.
결과를 그대로 운영에 써도 되나요?
복사하기 전에 대상 런타임, 인코딩, 시간대, 보안 정책처럼 환경별 차이를 한 번 더 확인하세요.