SVG 아이콘 시스템 설계: Runtime에서 Build Time으로 전환하기
0. 들어가며처음에 아이콘 시스템을 설계할 때 “화면에 아이콘이 잘 나타나면 되지 않을까?”라고 생각할 수 있다.하지만 실제 서비스에서 아이콘은 생각보다 더 많은 요구사항을 만족해야 한다.색상, 크기, 상태를 자유롭게 제어할 수 있어야 한다.다크 모드나 테마에 따라 스타일이 바꿀 수 있어야 한다.hover, active, disabled 상태를 반영할 수 있어야 한다.번들 크기는 최대한 작게 유지할 수 있어야 한다.문제는 이 요구사항들이 서로 잘 충돌한다는 점이다.스타일 제어를 잘 하려면 SVG를 코드처럼 다뤄야 하고, 반대로 번들 크기를 줄이려면 정적인 리소스처럼 다루는 게 유리하다. 즉, 아이콘 시스템을 설계할 때의 핵심 질문은 단순히 ‘아이콘을 어떻게 렌더링할 것인가?’가 아니다.실제로 이 질문에 ..
2026. 3. 31.
