CK Blog

개발 및 설계 이야기를 공유합니다.

프로젝트를 빌드하면서 배운 경험, 트러블슈팅, 아키텍처 고민 등을 아카이빙합니다.

마크다운(Markdown) 에디터 & 실시간 프리뷰어

CK Apps Web Tools2026-07-2882회 조회by CK Apps
마크다운(Markdown) 에디터 & 실시간 프리뷰어
실시간 Markdown 편집 A4 PDF · PNG 변환

서비스 소개: Markdown 에디터 & A4 문서 변환기

'CK Apps Markdown 에디터'는 마크다운(Markdown) 문서를 실시간으로 작성하고, 이를 A4 용지 규격의 PDF 및 PNG 이미지로 즉시 변환·다운로드할 수 있는 웹 기반 도구입니다.


Image

주요 기능 및 특징


1. 100% 로컬 처리 및 보안성

* 서버 전송 없는 로컬 처리: 입력된 모든 데이터는 외부 서버로 전송되지 않고 사용자의 브라우저 메모리 내에서만 작동합니다.

* 보안 및 프라이버시 보장: 민감한 기술 문서나 개인 메모를 외부 유출 걱정 없이 안전하게 작성할 수 있습니다.

2. 실시간 편집 및 보기 모드 지원

* 실시간 마크다운 포매팅: 좌측 소스 편집기(MARKDOWN SOURCE)에서 텍스트 또는 코드를 입력하면 우측 프리뷰 화면(A4 PREVIEW)에 즉시 반영됩니다.

* 유연한 뷰 포맷: 상단 컨트롤러를 통해 분할, 편집기만, 미리보기만 화면으로 자유롭게 전환할 수 있습니다.

3. A4 규격 출력 및 다양한 내보내기 옵션

* A4 종이 레이아웃 맞춤: $210\text{mm} \times 297\text{mm}$ 규격의 A4 레이아웃 프리뷰를 기본 제공하여 출력물 형태를 사전에 정밀하게 확인할 수 있습니다.

* 다양한 파일 저장:

- PNG: 작성된 문서를 A4 규격 이미지 파일로 저장

- PDF: A4 용지 형태의 PDF 문서로 내보내기

- 저장: 원본 마크다운 파일 파일 형태로 저장

* 편의 기능: 원본 텍스트 빠른 복사 버튼 제공

4. 코드 블록 및 텍스트 스타일 지원

* 코드 하이라이팅: JavaScript 등 주요 프로그래밍 언어 코드 블록의 가독성 향상

* 코드 복사 기능: 프리뷰 화면 내 코드 블록 상단의 코드 복사 버튼으로 소스 코드 추출 가능

[바로가기 링크]

전체 블로그 글 목록 (2)