본문으로 건너뛰기

아스키 다이어그램 편집기

ASCII Diagram Editor

문자 격자 위에 상자·선·화살표·이름표를 그립니다. 모서리와 이음새는 이웃 칸이 차 있는지로 스스로 정해지며, 유니코드 박스 문자와 순수 ASCII 중에 고를 수 있습니다.

아스키 다이어그램을 손으로 그릴 때 괴로운 것은 모서리입니다. ┬가 와야 할 자리에 ┌를 두면 그림이 미묘하게 틀리고, 나중에 소스 주석에 넣기로 하면 그 문자를 하나하나 찾아 바꿔야 합니다. 이 편집기는 모서리를 고르게 하지 않습니다. 상자가 어디 있는지, 선이 어디로 지나는지만 말하면, 칸마다 네 이웃 가운데 무엇이 차 있는지를 보고 스스로 글자를 정합니다. 그래서 선이 교차하면 서로를 몰라도 ┼가 나오고, 그림 전체를 순수 ASCII로 바꾸는 일이 설정 하나로 끝납니다.

🔒 브라우저 안에서만 처리asciidiagrameditordevelopertext
도구

U+2500 박스 그리기. 1995년 이후의 거의 모든 고정폭 글꼴에 있습니다.

선택한 도형

선택한 것이 없습니다. 선택 도구로 도형을 누르십시오.

다이어그램

 
모서리나 이음새 문자를 사람이 고르는 일은 없습니다. 상자는 테두리가 어디인지, 선은 어디로 지나는지만 말하고, 그다음에는 칸마다 자기가 어느 네 방향으로 이어지는지를 보고 스스로 글자를 정합니다. 두 선이 만나면 서로를 몰라도 ┼가 나오고, 순수 ASCII로 바꾸는 일이 그림 전체를 찾아 바꾸는 대신 설정 하나로 끝나는 이유가 그것입니다.
ASCII 문자 집합은 일부러 성깁니다. 열한 가지 이음새와 네 모서리를 모두 +로 씁니다. 소스 주석, 커밋 메시지, 메이크파일, 1994년 글꼴을 쓰는 터미널까지 견디는 그림이 더 예쁘지만 네모로 도착하는 그림보다 낫습니다.
하지 않는 것이 셋 있습니다. 대각선은 없습니다. 대각선을 그리는 박스 문자가 없기 때문이며, 비스듬히 끌면 꺾어서 잇습니다. 장애물을 피해 도는 자동 배선도 없습니다. 선은 놓은 자리로 갑니다. 상자 안에서 글이 줄바꿈되지도 않습니다.

사용 방법

  1. 상자를 먼저 끌어 놓고 잇습니다

    상자 도구로 끌면 상자가 되고, 그냥 누르면 상자라 할 수 있는 가장 작은 크기가 됩니다. 그다음 화살표 도구로 상자에서 상자로 끕니다. 끝점이 상자 안에 떨어지면 가장 가까운 테두리 칸으로 당겨집니다. 상자로 끄는 것은 거기에 붙이겠다는 뜻이고, 가운데를 뚫고 지나는 선을 원한 경우는 없기 때문입니다.

  2. 갈 곳에 맞는 문자 집합을 고르십시오

    리드미나 터미널이라면 유니코드 박스 문자입니다. 소스 주석, 커밋 메시지, 메이크파일처럼 인코딩을 확신할 수 없는 곳이라면 순수 ASCII, 곧 - | + < > ^ v만 씁니다. ASCII 집합은 일부러 성깁니다. 열한 가지 이음새를 전부 +로 씁니다. 온전히 도착하는 그림이 예쁘지만 네모로 도착하는 그림보다 낫습니다.

  3. 이름표는 상자에 직접 치지 말고 아래 칸에서 넣습니다

    상자를 선택하고 아래 칸에 이름표를 적으면 상자 안 가운데에 자동으로 놓이고 상자를 옮기면 따라옵니다. 상자보다 긴 이름표는 줄을 바꾸지 않고 잘리며 어떤 것이 잘렸는지 화면이 알려 줍니다. 줄을 바꾸면 그림의 모양이 달라지는데, 이름표가 할 일은 아닙니다.

자주 묻는 질문

대각선을 그릴 수 있나요?

없고, 빠뜨린 기능도 아닙니다. 대각선을 그리는 박스 문자가 없습니다. 그 블록에는 ─와 │와 모서리들이 있을 뿐 45도짜리는 하나도 없습니다. 가로도 세로도 아닌 방향으로 끌면 꺾어서 잇고, 어느 쪽으로 먼저 갈지는 고를 수 있습니다.

상자를 피해 선을 돌려 주나요?

아니요. 장애물을 피하는 직교 자동 배선은 제대로 된 알고리즘이 필요하고, 어설픈 것은 직접 놓은 직선보다 못합니다. 그리는 도중에 그림을 제멋대로 옮겨 놓기 때문입니다. 선은 놓은 자리로 갑니다.

이 도구로 이어지는 것

다음 단계

이 도구의 결과를 그대로 받을 수 있는 도구들입니다.

아스키 표 생성

ASCII Table Generator

표를 고정폭 아스키·마크다운·선 문자 테두리로 그려 README나 주석에 붙일 수 있게 합니다.

브라우저 안에서만 처리

코드 이미지 만들기

Code Screenshot

코드 조각을 문법 강조·창 프레임·테마를 적용한 이미지로 만듭니다.

브라우저 안에서만 처리

마크다운 편집기

Markdown Editor

마크다운을 실시간 미리보기로 편집하고 렌더링된 HTML을 내보내며 GFM 표와 체크리스트를 지원합니다.

브라우저 안에서만 처리

텍스트 아트를 이미지로

Text Art to Image

고정폭 텍스트 아트를 글꼴·칸 크기·색·배경·투명 여부를 정해 PNG나 SVG로 그립니다. 고정폭이 유지되지 않는 곳에 올려도 모양이 살아남습니다.

브라우저 안에서만 처리

오늘의 운세 — 띠·별자리

Daily Fortune by Zodiac Animal & Star Sign

그날의 일진과 띠·별자리의 전통적 성정을 맞춰 하루치 글을 조합합니다. 날짜로 씨앗을 고정하므로 새로고침해도 같은 글이 나오고, 자정이 지나야 바뀝니다.

브라우저 안에서만 처리

궁합 — 띠·일주 궁합

Zodiac Compatibility (궁합)

두 사람의 생년월일에서 띠와 일간을 뽑아 삼합·육합·충·원진·형·파·해 가운데 어느 관계인지, 두 일간의 오행이 상생인지 상극인지를 보여 주고 각각에 전통적인 풀이를 붙입니다.

브라우저 안에서만 처리