본문으로 건너뛰기

© 2026 Molayo

GeekNews헤드라인2026. 06. 25. 01:01

TikZ Editor: LaTeX 그림용 WYSIWYG 편집기

요약

LaTeX 그림 작성을 위한 WYSIWYG 편집기인 TikZ Editor에 대한 사용자 피드백과 기술적 논의를 다룹니다. 코드 생성 방식(절대좌표 vs 상대좌표/앵커)의 효율성과 사용자 경험 개선을 위한 다양한 제안이 포함되어 있습니다.

핵심 포인트

  • TikZ 코드 생성 시 절대좌표 대신 앵커와 상대좌표 활용 권장
  • 사용자 편의를 위한 드래그 및 정렬 기능의 구현 난이도 논의
  • CAD 스크립트 언어 방식의 참조 및 화살표 연결 기능 제안
  • 신경망 구조 등 다양한 프리셋 및 arXiv 논문 연동 기능 제안

조금 써봤는데, UI가 아주 멋지고 프로젝트 자체도 좋음. 축하함
다만 생성되는 TikZ 코드는 별로라고 봄. 모든 것이 절대좌표를 쓰는데, TikZ에서는 그럴 필요가 거의 없음
예를 들어 노드 하나만 놓아도 절대좌표가 생기는데, \node {Hello};라고만 쓰면 TikZ가 경계 상자 중앙에 배치함. 테스트처럼 (0.5,2.91)에 있다고 지정할 필요가 없음
여러 노드를 선택해서 “아래 정렬” 같은 기능을 쓸 때도 절대좌표를 조작하기보다 TikZ의 정렬 기능, 즉 앵커 등을 활용해야 한다고 봄. 이런 코드 생성이 더 어렵다는 건 이해하지만, 다음 버전에서 고려할 만한 방향일 수 있음

좋은 피드백임. 어려운 부분은 코드 생성 자체보다 사용자가 기대하는 동작을 판단하는 데 있다고 봄
“아래 정렬” 버튼을 눌렀을 때 \begin{tikzpicture} \draw (0,2) rectangle (1,1); \draw (1.5,2) rectangle (2.5,1); \end{tikzpicture}
같은 코드가 갑자기 임의 이름의 \coordinate와 상대좌표 표기로 바뀌면 놀랄 것 같음
반대로 처음부터 “예쁜” 코드로 시작하면, 앱은 많은 경우 드래그를 허용하지 못함. 드래그가 무엇을 의미하는지 알 수 없거나, 실제로 알 수 없는 경우가 많기 때문임. 이름 붙은 좌표를 바꾸는 건지, 그 좌표에 대한 오프셋을 바꾸는 건지 같은 문제가 생김
이 논의의 다른 곳에서 “right of” 같은 배치 방식도 이야기했고, 좋은 제안들이 나왔음: https://news.ycombinator.com/item?id=48647683

그런 기능은 CAD 스크립트 언어들이 어떻게 하는지 참고할 수 있을 것 같음

궁금한 사람이 있을까 봐 쓰면, 이 프로젝트는 2026년 2월부터 비교적 꾸준히 작업해 옴
그동안 Codex를 통해 이 프로젝트에 약 7억 토큰을 썼고, 캐시 읽기는 제외한 수치임. API 요금으로는 1만 5천 달러 정도였겠지만, 실제로는 ChatGPT 구독료로 약 500달러만 냈음

학생 때 이런 걸 정말 원했음. 오픈소스로 만들어줘서 고마움
내 이론 컴퓨터과학 교수님이 우연히 TikZ를 만든 Till Tantau였음. 설명도 정말 잘하는 분이었음

Schleswig-Holstein 사람들은 어디에나 있음 :) Till Tantau는 LaTeX 발표 자료를 만드는 beamer 패키지도 시작했음
beamer와 TikZ는 둘 다 과학 커뮤니케이션에 매우 중요한 기여임

멋짐
사람들이 좋아하는 건 알지만, TikZ를 직접 쓰는 건 정말 싫어서 기술적인 그림 대부분을 draw.io/diagrams.net으로 옮기고 PNG로 내보내고 있음. 세련되진 않지만 충분히 잘 작동하고, 보기 괜찮은 결과물을 쉽게 만들 수 있음. 원래는 텍스트로 정의되는 것들을 대체로 선호함
Markdown 안에 남을 그림이면 일부는 Mermaid로 옮겼지만, TeX에서 동작하게 해보진 않았음
그래도 LaTeX에서 다이어그램을 그리는 관용적인 방식이 TikZ에 가깝기 때문에, 위지윅 편집기가 있으면 유용할 것 같음
제안 하나를 하자면, 화살표가 박스에 “붙을” 수 있으면 좋겠음. 박스를 움직이면 화살표 끝점도 같이 움직이는 방식임. draw.io가 그렇게 동작함

텍스트 노드에는 앵커가 있어서 붙이기가 동작함. 새 선을 그리거나 기존 선을 움직일 때 초록색 연결점을 볼 수 있을 것임
draw.io를 쓴다면 PNG 대신 PDF로 내보내는 걸 권함. 그래야 벡터 그래픽으로 유지됨

draw.io 파일을 .drawio.svg로 저장할 수 있지 않나?
몇 번 다이어그램을 그렇게 만들었고, Computer Modern을 써서 그림이 본문과 비슷하게 보이게 했음. 그 정도면 충분했음

정말 보기 좋음. 시작하기 쉽게 프리셋을 몇 개 추가해도 좋을 것 같음. 흔한 신경망 구조나 TikZ의 다른 사용 사례 같은 것들

좋은 생각임. File > Open Example이 있긴 하지만 확장할 여지는 분명 있음. 데스크톱에서는 arXiv 논문을 바로 열 수도 있음

와, 정말 대단함. TikZ 다이어그램을 만들려고 ChatGPT를 써왔는데, 솔직히 TikZ 다이어그램 만들기가 쉽지 않고 잘 만들면 결과물은 정말 예쁨
다만 ChatGPT로 다이어그램을 세밀하게 수정하게 만드는 건 어렵기도 함. TikZ 문법과 동작에 대한 내 지식이 항상 충분히 정교하지 않아서 원하는 결과를 얻기 힘들 때가 있음. 그래서 이 도구가 그 답처럼 보임. 써보는 게 기대됨
참고로 블로그용 LaTeX 문서도 ChatGPT로 만들고 서버 쪽에서 렌더링하고 있음. 그 워크플로는 아주 잘 맞음

AI 자동 생성 콘텐츠

본 콘텐츠는 GeekNews의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.

원문 바로가기
0

댓글

0