Prompt Engineering
Markdown 문법과 엔지니어링 렌더링
모듈 6 · Prompt Engineering · 사전 학습. 문법 요소를 클릭하여 소스/렌더링 비교를 확인하고, 프론트엔드 렌더링 라이브러리 선택을 살펴보세요.
문법 빠른 참조 · 클릭하여 전환
문법 요소를 클릭하면 작성법과 렌더링 비교를 확인할 수 있습니다
Markdown 소스
렌더링 결과
엔지니어링: 프론트엔드의 Markdown 렌더링
LLM이 Markdown 텍스트를 출력하면 프론트엔드에서 이를 리치 텍스트로 렌더링해야 합니다. 적합한 라이브러리 선택이 핵심입니다.
marked.js
6KB gzip
선택 결론: 경량 프로젝트에는 marked.js, React 프로젝트에는 react-markdown, 수식·차트가 필요하면 markdown-it을 사용하세요. 스트리밍의 핵심: throttle + 미닫힌 마크 보완.