4일차: 마크다운으로 휴일 계획하기 (Markdown Editor) 📝

Source: Dev.to

12일간의 Svelte 앱 중 Day 4 🎄

바쁘게 움직일 때, Markdown은 당신의 계획을:

• 구조화된
• 읽기 쉬운
• 재사용이 쉬운
• 공유하기 쉬운 (또는 비공개로 유지)

미니‑앱

Carta‑MD 로 구동되는 깔끔한 Markdown 편집기이며, 입력할 때마다 실시간 미리보기가 업데이트됩니다.

• 실시간 체험:
• 코드 보기:

복잡한 시스템이 필요 없는 이유

• 섹션별로 나누는 헤딩
• “완료 / 미완료” 체크박스
• 티켓, 영수증, 위시리스트, 레시피 등을 위한 링크

보너스: 편집기가 localStorage에 내용을 자동 저장하므로 탭을 닫았다가 나중에 다시 열어도 작업이 사라지지 않습니다.

샘플 템플릿

아래 내용을 편집기에 붙여넣고 원하는 대로 수정하세요:

# Holiday Plan 🎄

## Gifts
- [ ] Finalize gift list
- [ ] Order online gifts
- [ ] Wrap gifts
- [ ] Label + stash

## Dinner
- [ ] Decide menu
- [ ] Buy groceries
- [ ] Prep dessert
- [ ] Set cooking timeline

## Travel
- [ ] Confirm bookings
- [ ] Pack chargers
- [ ] Print tickets / download passes

## Notes
- Add any last‑minute ideas here

작업은 - [ ] 로, 완료된 항목은 - [x] 로 표시합니다. 인라인 링크는 예시처럼 [Recipe](https://example.com) 형태로 추가하세요.

그게 전부입니다—단순한 구조가 복잡한 시스템보다 낫습니다.