✏️ 에디콘 (EdiCon)
에디콘은 아이노트의 입력 엔진입니다. AI가 만든 텍스트를 붙여넣는 그 순간 형태를 자동으로 알아채고, URL은 카드로 · 표는 표로 · 코드는 코드블록으로 · 수식은 수식으로 · 다이어그램은 다이어그램으로 5종 자동 변환합니다.
EDICON · 5-WAY AUTO DISPATCH
🌐 클립보드의 형태를 읽어내는 엔진
붙여넣는 텍스트의 첫 줄·중간·끝을 빠르게 스캔해 — URL 패턴 / 표 구분자 / 코드 펜스 / LaTeX 기호 / Mermaid 키워드 — 다섯 가지 신호 중 어떤 것이 가장 강한지 판정합니다. 잘못된 변환이 0건이 되도록 안전망 우선순위로 설계되었습니다.
5종
자동 디스패치 패턴
210/210
시뮬레이션 통과
19종
Mermaid 다이어그램
📦 5대 자동 디스패치
아래 다섯 가지 패턴 중 하나가 감지되면 에디콘이 즉시 변환을 수행합니다. 패턴이 감지되지 않으면 평범한 텍스트로 처리되므로, 일반 글쓰기에는 아무 영향이 없습니다.
DISPATCH 1
🔗
URL → OG 카드
웹 주소를 붙여넣으면 사이트의 제목·설명·썸네일을 자동으로 가져와 미리보기 카드로 만듭니다. YouTube 링크는 영상 썸네일로 변환.
매뉴얼 보기 →
DISPATCH 2
📊
표 (TSV·Pipe·CSV)
AI가 만든 표(탭·파이프·콤마 구분)를 깔끔한 HTML 테이블로 변환. v2 알고리즘으로 표 위·아래의 문장도 손상 없이 보존.
매뉴얼 보기 →
DISPATCH 3
💻
코드 블록
백틱 3개로 감싸인 코드를 자동으로 코드 블록으로 변환. 언어 식별·구문 강조 지원. 단일 라인 인라인 코드도 인식.
매뉴얼 보기 →
DISPATCH 4
∑
LaTeX 수식
$x^2+y^2$같은 인라인 수식과 $$ ... $$ 블록 수식을 KaTeX로 자동 렌더링. 수학·물리·통계 노트에 최적.매뉴얼 보기 →
DISPATCH 5 · ⭐ Phase 4 신규
📐
Mermaid 다이어그램 (19종)
flowchart · sequence · class · ER · journey · gantt · pie · gitGraph · mindmap · timeline · quadrant · requirement · C4 · sankey · block · xychart — 19종의 Mermaid 다이어그램을 코드 펜스 안이든 바깥이든 자동 인식해 실시간 SVG로 렌더링합니다.
매뉴얼 보기 →
⚡ 한 번에 보는 예시
아래는 AI에게 받은 텍스트를 그대로 붙여넣었을 때 에디콘이 무엇을 자동으로 해주는지 보여줍니다.
붙여넣은 원문
2024년 매출 분석 지역 1Q 2Q 3Q 서울 120 135 148 부산 88 92 101 자세한 내용은 https://kiam.kr 를 참고하세요.
→
에디콘 자동 변환 결과
✅ "2024년 매출 분석" → 단락 텍스트
✅ 지역/1Q/2Q/3Q 표 → HTML 테이블(3행 4열)
✅ "자세한 내용은…" → 단락 텍스트
✅ https://kiam.kr → OG 카드(썸네일 + 제목 + 설명)
✅ 지역/1Q/2Q/3Q 표 → HTML 테이블(3행 4열)
✅ "자세한 내용은…" → 단락 텍스트
✅ https://kiam.kr → OG 카드(썸네일 + 제목 + 설명)
🎯 디스패치 우선순위
에디콘은 충돌이 발생할 수 있는 경우 — 예를 들어 코드 블록 안에 URL이 있는 경우 — 다음 순서로 판정합니다. 이 순서는 "가장 명확한 신호" 우선입니다.
| # | 판정 신호 | 예시 |
|---|---|---|
| 1️⃣ | URL 패턴 (http://, https://) | https://kiam.kr 한 줄이 입력 전체일 때 |
| 2️⃣ | Mermaid 키워드 (graph, flowchart, sequenceDiagram…) | ```mermaid 또는 첫 줄이 flowchart TD |
| 3️⃣ | LaTeX 기호 ($...$, $$...$$) | 본문 어딘가에 수식이 포함된 경우 |
| 4️⃣ | 표 구분자 (탭·파이프·콤마의 일관된 행) | 3행 이상이 같은 개수의 구분자를 포함 |
| 5️⃣ | 코드 펜스 (```언어) | 백틱 3개로 시작·끝나는 블록 |
💡 핵심: "표 v2 알고리즘"
에디콘 v2의 표 인식은 텍스트 전체를 스캔해 가장 긴 연속된 일관된 구분자 행을 찾습니다. 그래서 표 위·아래에 제목이나 설명 문장이 있어도 표만 깔끔하게 변환하고 나머지는 단락으로 보존합니다. 이전 버전(v1)은 첫 줄을 헤더로 가정해 실패하던 경우가 많았는데, 이제 모두 해결되었습니다.
에디콘 v2의 표 인식은 텍스트 전체를 스캔해 가장 긴 연속된 일관된 구분자 행을 찾습니다. 그래서 표 위·아래에 제목이나 설명 문장이 있어도 표만 깔끔하게 변환하고 나머지는 단락으로 보존합니다. 이전 버전(v1)은 첫 줄을 헤더로 가정해 실패하던 경우가 많았는데, 이제 모두 해결되었습니다.
🛡️ 안전성 보증
| 위협 | 방어 방법 |
|---|---|
| 악성 스크립트(XSS) | 모든 HTML 출력은 텍스트 이스케이프 후 렌더 — <script>, onerror= 등 무력화 |
| 외부 서버 공격(SSRF) | URL 미리보기는 화이트리스트 + 사설 IP 차단 + 타임아웃 |
| 잘못된 변환 | 5종 디스패치 모두 실패 시 평범한 텍스트로 폴백 (안전망) |
| 외부 CDN 변조 | Mermaid·KaTeX 라이브러리는 무결성 해시(SRI) 검증 |
🛠️ 개발자 도구 (콘솔 디버깅)
개발자나 고급 사용자는 브라우저 콘솔(F12)에서 에디콘 엔진을 직접 호출해볼 수 있습니다.
// 표 감지 테스트
EdiCon._test_detectTable("이름\t나이\n홍길동\t30\n임꺽정\t40");
// → { type: 'tsv', rows: [...], separator: '\t', lead: [], trail: [] }
// Mermaid 감지 테스트
EdiCon._test_detectMermaid("flowchart TD\nA --> B");
// → { type: 'mermaid', code: 'flowchart TD\nA --> B' }
// URL 카드 미리 가져오기
EdiCon._test_fetchOg("https://kiam.kr");
// → { title, description, image, ... }
🔍 각 디스패치의 상세 매뉴얼은 좌측 사이드바 또는 위의 5대 디스패치 카드에서 선택해 진입하세요. 모든 매뉴얼은 실전 예시 + 실시간 데모 + 트러블슈팅 가이드를 포함합니다.