palim
원고지(原稿紙) 그리드 텍스트 에디터
한국어 원고지(原稿紙)를 웹으로 옮긴 그리드 텍스트 에디터입니다. 글을 입력하면 원고지 칸 점유 규칙과 행두 금칙에 맞춰 격자에 자동 배치되고, 결과를 SVG·PNG 이미지로 저장할 수 있습니다. 칸 배치 레이아웃 엔진, 한국어 IME 입력 처리, 이미지 내보내기를 직접 설계해 하나의 에디터로 완성했습니다.
- —글자를 원고지 칸 규칙(한글 1칸, 숫자·영소문자 2자 1칸, 문장부호+따옴표 합치기)에 맞춰 배치하고 행두 금칙을 보정하는 레이아웃 엔진을 순수 함수로 직접 구현했습니다.
- —한국어 IME 조합 입력의 캐럿 위치 문제(조합 중 이동, 빈 칸·행두 삽입)를 분석해 해결했습니다.
- —화면 그대로 SVG로, 웹폰트를 캔버스에 구워 고해상도 PNG로 내보내는 기능을 구현했습니다.
- —에디터↔미리보기 반응형 토글 레이아웃과 시스템 연동 다크 모드를 지원합니다.
- —GitHub Actions CI/CD와 Nginx로 AWS 실서비스 배포 환경을 구축했습니다.
Vue 3TypeScriptTailwind CSS 4PiniaViteBun