강의 구성

각 레슨은 Markdown 문서와 독립 실행 데모로 구성됩니다. infinitecanvas.cc가 렌더러, 카메라, 그리드, 이벤트, 히스토리, 선택 도구를 작은 레슨으로 쪼개 설명하듯이, 이 강의는 같은 편집기 문제를 CSS/DOM/SVG 중심으로 다시 구성합니다.

문서는 단순한 CSS 패턴 모음이 아니라 수학 모델을 먼저 잡고, 그 모델이 CSS/DOM/SVG/Canvas 구현으로 내려가는 흐름으로 설명합니다. 데모에서는 실제 CSS transform 값과 편집기 상태가 어떻게 바뀌는지 확인합니다.