소개
이 프로젝트에서는 입력하는 대로 실시간 HTML 미리보기를 제공하는 간단한 웹 기반 Markdown 편집기를 만들 것입니다. Ace Editor, marked, 그리고 highlight.js와 같은 라이브러리를 사용하여 Markdown 으로 작성할 수 있을 뿐만 아니라 브라우저 세션 간에 데이터를 저장하고 미리보기에서 코드 조각을 강조 표시하는 직관적인 편집기를 개발할 것입니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
- 편집기 및 뷰어의 HTML 구조 설정 방법
- 쾌적한 사용자 경험을 위해 편집기 및 뷰어 스타일 지정 방법
- 편집기 초기화 로직 구현 방법
- Markdown 을 HTML 로 파싱하고 뷰어에 표시하는 방법
- 편집기와 뷰어 간의 스크롤 동기화 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- 실시간 HTML 미리보기가 있는 웹 기반 Markdown 편집기 개발
- Ace Editor,
marked, 그리고highlight.js와 같은 라이브러리를 활용하여 편집기 기능 향상 - 브라우저 세션 간 데이터 지속성 구현
- Markdown 미리보기에서 코드 구문 강조 표시 제공
