커리큘럼 로드맵
완료 (v0.3) — 001–024
| Part | 강의 | 상태 |
|---|---|---|
| 0 | 001–002 좌표계 | ✅ |
| 1 | 003, 007–012 path grammar | ✅ |
| 2 | 004–006, 013 stroke | ✅ |
| 3 | 014–015 fill rules 입문 | ✅ |
| 4 | 016–018 sampling | ✅ |
| 5 | 019–020 paint servers 입문 | ✅ |
| 6 | 021–024 path editor | ✅ |
완료 (v0.9) — 001–065
| Part | 강의 | 상태 |
|---|---|---|
| 7 | 025–030 fill & winding 심화 | ✅ |
| 8 | 032–034 pattern & gradient | ✅ |
| 9 | 031, 035–039 SVG filter & Figma effects | ✅ |
| 10 | 040–043 Figma ↔ SVG bridge | ✅ |
| 11 | 044–047 Icon design | ✅ |
| 부록 A | 048–050 SVG in CSS | ✅ |
| 부록 B | 051–054 Engine extras | ✅ |
| 12 | 055–056 Foundations primer | ✅ |
| 13 | 057–061 Figma ↔ SVG (deep) | ✅ |
| 14 | 062–065 SVG spec breadth | ✅ |
Part 7. Fill & winding 심화 (025–030)
| ID | 제목 |
|---|---|
| 025 | winding vs ray casting |
| 026 | compound path / 여러 subpath |
| 027 | self-intersection |
| 028 | path boolean (union/subtract/intersect) |
| 029 | fill vs stroke hit 우선순위 |
| 030 | scanline parity 시각화 |
Part 8. Pattern & gradient ✅
| ID | 제목 |
|---|---|
| 032 | radialGradient |
| 033 | pattern tile |
| 034 | gradientUnits / spreadMethod |
Part 9. SVG filter + Figma effects ✅
| ID | 제목 |
|---|---|
| 031 | Figma DROP_SHADOW → feDropShadow |
| 035 | filter chain 개요 |
| 036 | blur / offset / merge |
| 037 | inner shadow |
| 038 | layer blur vs background blur |
| 039 | Figma effect 매핑표 전체 |
Part 10. Figma ↔ SVG bridge ✅
| ID | 제목 |
|---|---|
| 040 | vector network vs path d |
| 041 | fill / stroke export |
| 042 | boolean operations |
| 043 | mask / clip export |
Part 11. Icon design ✅
| ID | 제목 |
|---|---|
| 044 | pixel grid & optical alignment |
| 045 | fill vs stroke icons |
| 046 | symbol / sprite / currentColor |
| 047 | path simplification |
부록 A. SVG in CSS ✅ (css-matrix와 분담)
| ID / 주제 | 담당 |
|---|---|
| 048 currentColor | svg-matrix |
| 049 sprite, data URI | svg-matrix |
| 050 viewBox / simplify | svg-matrix |
mask-image, clip-path: path() | css-matrix |
vector-effect: non-scaling-stroke | css-matrix |
부록 B. Engine extras ✅
| ID | 제목 |
|---|---|
| 051 | stroke-dasharray · offset path |
| 052 | adaptive flatten |
| 053 | arc → cubic 변환 |
| 054 | multi-subpath handle editing |
Part 12. Foundations primer ✅
| ID | 제목 |
|---|---|
| 055 | SVG capability map |
| 056 | coordinate stack |
Part 13. Figma ↔ SVG (deep) ✅
| ID | 제목 |
|---|---|
| 057 | Figma paint gap map |
| 058 | radial / angular gradient |
| 059 | image / pattern fill |
| 060 | stroke align export |
| 061 | blend mode / opacity |
Part 14. SVG spec breadth ✅
| ID | 제목 |
|---|---|
| 062 | markers |
| 063 | text / textPath |
| 064 | paint-order / turbulence |
| 065 | arc flatten unified |