AI로 코딩을 시작한 초창기였네요,

2025년 12월 19일 DKST Markdown Editor라는걸 만들었습니다.

꼬꼬마 시절이라... 꿈은 방대한데, 구현은 개미똥꼬만치 하고 자주벽에 부딪혔습니다.

결국은 진전없이 증발하는 토큰비용을 아끼고자 개발을 중지했었죠.

이렇게 저의 마크다운 접근성에 대한 꿈이 사그라들고 있었는데...

2026년 3월 31일 새벽 4시, 앤트로픽이 사고를 쳐버립니다!

앤트로픽이 대량의 클로드 프롬프트를 노출했는데..

누군가 이걸 정리해서 마치 웹사이트 처럼 하이퍼링크화 된 마크다운 꾸러미로 내놓은신거죠.

어떻게 하면 이걸 편하게 읽을수 있을까?

그래서 4월 1일.. DKST Markdown Browser가 탄생했습니다.

그리고 2주 뒤

접었던 꿈이었던 마크다운 에디터 기능을 다시 시도해봤습니다.

나름 AI코딩 반년차라고 짬이 좀 쌓였기에 자신감이 다시 생기더라구요.

뜨든! 2026년 4월 14일 DKST Markdown Browser 의 에디터 기능도입!

같으날 저녁...

로컬 LLM을 이용한 AI 기능 추가

다음날 새벽 2.0으로 다시 태어납니다.

그리고 다시 한달이 지나고....

2.1이 된 이 녀석은

폭풍성장하여, 어느정도 편집의 역할을 수행중입니다.

ㄷㄷ 저도 정리하면서 깜짝 놀란것이..

이 녀석 태어난지 한달 반밖에 안되었군요.

정말 많은 문서들을 작성해서.. 반년 된 동료처럼 느끼고 있었습니다. ㄷㄷ

내부에 설명서로 넣을 문서를 작성을 이었습니다.

DKST Markdown Browser로 오세요~

FEATURES

이 문서는 DKST Markdown Browser의 기능을 설명합니다.
DKST Markdown Browser는 마크다운 문서를 읽고, 편집하거나 새로 작성할 수 있습니다.

Common

• 마크다운 열기: 마크다운 문서를 열 수 있습니다.

• 사이드바 - 파일트리: 열린 문서의 디렉토리 구조를 탐색할 수 있습니다.

• 사이드바 - 검색: 열린 문서 및 하위 폴더에서 키워드를 검색할 수 있습니다.

• 이미지 뷰어: 파일 트리를 통해 열린 이미지를 탐색하고 확대/축소하는 등의 기본 기능을 제공합니다.

• 키보드 접근성: 대부분의 기능은 키보드를 이용해 접근하거나 이동이 가능합니다.

Reader

DKST Markdown Browser는 하이퍼링크화 된 마크다운 문서 브라우징에 탁월하며, 아래와 같은 기능들이 제공합니다.

• 사이드바 - 아웃라인: 마크다운 문서의 구조를 시각적으로 보여주고 목차처럼 정리하여 해당 위치로 빠르게 이동할 수 있습니다.

• 하이퍼링크 탐색: 하이퍼링크화된 마크다운 문서를 웹 브라우저처럼 탐색할 수 있습니다.

• 홈 기능: 처음 열린 문서가 홈이 되며, 하이퍼링크로 다른 문서로 이동하더라도 다시 홈으로 쉽게 돌아올 수 있습니다.

• 글자 크기 조절: 버튼 또는 키보드 단축키로 문서의 글자 크기를 쉽게 조절할 수 있습니다.

• 라이트, 다크 테마: 사용자 취향에 따라 밝은 테마와 어두운 테마를 선택할 수 있습니다.

• 인쇄 기능: 문서를 인쇄할 수 있습니다.

• 랜더링 엔진: Marked, Remark 중 선택할 수 있습니다.

  • 랜더링 하는 항목

    • 수식: katex*를 이용해서 LaTeX 수식을 HTML로 렌더링합니다.

    • 다이어그램: Mermaid를 이용해서 Mermaid 코드블록을 SVG로 랜더링합니다.

    • Syntax Highlight: highlight.js를 이용해서 코드블록을 랜더링 합니다.

Editor

DKST Markdown Browser는CodeMirror를 내장하여 현대적인 마크다운 문서 편집 환경을 제공합니다.

• Syntax Highlight: 편집 가독성을 향상시키는 Syntax Highlight 기능을 지원하며, 설정에서 프리셋을 선택하거나 사용자 맞춤형 컬러 팔레트를 구성할 수 있습니다.

• / 단축키: 편집 도중 /키를 입력하여 마우스 클릭없이 툴바 도구들을 이용할 수 있습니다.

• 링크 삽입: URL 또는 로컬 문서를 쉽게 삽입할 수 있습니다. 로컬 문서를 삽입하면 상대 경로로 입력되어 문서 작성을 편리하게 해줍니다.

• 이미지 삽입: URL 또는 로컬 이미지를 쉽게 삽입할 수 있습니다. 로컬 이미지를 삽입하면 상대 경로로 입력되어 문서 작성을 편리하게 해줍니다.

• 사이드바 - 파일 트리를 이용한 삽입: 파일 트리에서 문서, 파일 또는 이미지를 선택하고 마우스 우클릭 메뉴를 활용하면 해당 아이템을 편집기 커서 위치에 바로 삽입할 수 있습니다.

• 지능적인 삽입 경로 판단: 문서나 이미지가 삽입될 때 경로에 공백이 포함되는 경우, 범용성을 위해 <와 >로 감쌉니다.

• 편집 중 하이퍼링크로 이동한 문서: 편집 중인 문서에서 하이퍼링크를 클릭하면 해당 문서가 뷰어에 표시되며, 다시 편집 중인 문서로 돌아오거나 해당 문서를 새 탭으로 열 수 있는 플로팅 버튼이 제공됩니다.

• 편집기와 뷰어 스크롤 동기화: 편집 화면의 스크롤과 렌더링된 뷰어의 스크롤 위치를 동기화합니다. 옵션에서 비활성화할 수 있습니다.

• 찾기 및 바꾸기: 편집 중인 문서의 텍스트를 검색하거나, 일괄 대치할 수 있습니다.

• CJK 호환 모드: CodeMirror와 한중일 입력기의 Marked Text입력 방식과 호환성을 위한 모드로 제공하며, 불필요한 빈줄 생성을 방지합니다.

• 편집기 글자 크기 조절: 버튼 또는 키보드 단축키로 편집창의 글자 크기를 쉽게 조절할 수 있습니다.

lightbulbTip

기본 단축키에 대해 알아보세요. 단축키를 사용하면 매우 편리합니다.

Editor with AI Assist

DKST Markdown Browser 는 Local LLM 을 활용한 AI 어시스트를 제공하며, 이 기능을 설정하고 켜거나 끄려면 에디터 설정의 AI 항목을 확인해 주세요.

• AI 기능 툴바: 기능이 활성화 되면 에디터 좌측하단에 AI플로팅 버튼이 표시됩니다.

  • AI 버튼을 클릭해 기능을 일시 정지할 수 있습니다.

  • 펼침 버튼을 클릭해 AI 기능 툴바를 모두 표시하거나, 접을 수 있습니다.

    • 온도: 온도를 조절하여 AI 응답의 창의성을 조절할 수 있습니다. 온도가 높을수록 AI는 창의적인 응답을 작성합니다.

    • Autocomplete: Fill-in-the-Middle (FIM) 기능을 켜거나 끕니다. 제대로 작동하기 위해서는 적절한 LLM 모델을 선택하여야 합니다.

    • Context+: 사용자를 어시스트 하기 위애서 선택한 텍스트의 전후 내용을 문맥으로 사용합니다. 더 많은 문맥 예산과 처리 시간이 필요할 수 있습니다.

    • Github Compatible: GitHub용 문서를 작성한다면 AI가 GitHub Flavored Markdown (GFM) 스펙에 맞는 어시스트를 시도합니다.

    • Talk to me: AI가 사용자 응답을 처리하고 매번 처리 내용을 짧게 보고합니다.

AI 기능 사용 따라해보기

텍스트 선택 AI 어시스트 받기

1. 편집 중인 문장을 선택하세요. 문장을 선택하는 것으로도 AI 프롬프트 창이 뜹니다.

2. 다음과 같이 가볍게 시작해보세요. 문장 개선, 영어로 번역

3. 선택했던 문장이 개선되거나, 번역 되었을 것 입니다.

예문: "표로 정리해주세요", "div로 감싸서 중앙정렬 폭 128px", "소문자로 변경", "문장을 쉽게 풀어서 재작성", "맞춤법 검사", "다이어그램으로 그려주세요"

텍스트 선택 없는 AI 어시스트 받기

1. /를 입력하고 Ask AI를 선택(엔터키)하면, AI 프롬프트 창이 뜹니다.

2. 다음과 같이 가볍게 시작해보세요. 과일과 야채 각각 10개를 표로 입력, 사과의 효능을 마크다운 형식으로 꾸며서 짧게 작성

3. 표로 정리 된 과일과 야채 또는, LLM 응답스러운 사과의 효능을 보실 수 있게 되었을 것입니다.

예문: "코드블록 안에 고양이를 그리세요", "파이선 헬로우 월드 예제 작성"

infoNote

DKST Markdown Browser에서 작동하는 LLM은 대화의 문맥을 저장하지 않습니다. 이는 도구로서의 역할에 충실하기 위함이며, 이전 대화 내용도 기억하지 못합니다. 또한, 인터넷이나 현재 시간, 위치 등 어떤한 외부 정보도 참고할 수 없습니다.