목록2026/04/02 (1)

Flutter & Mobile by Kay

[Flutter] CanvasKit 개념 | 웹 렌더링 방식 완전 이해

1. 서론Flutter Web을 처음 접하면 가장 헷갈리는 개념 중 하나가 바로 CanvasKit입니다.“HTML 렌더링이랑 뭐가 다른데?”“왜 용량이 커지지?”“성능은 언제 좋아지는 거지?”이 질문들에 대해 개발자 관점에서 한 번에 정리해보겠습니다.2. 문제 상황Flutter Web 프로젝트를 빌드하면 다음과 같은 선택지를 보게 됩니다.HTML 렌더러CanvasKit 렌더러여기서 많은 개발자들이 고민합니다. 👉 “도대체 뭘 써야 하지?”3. 정답 (핵심 요약)CanvasKit = Flutter를 그대로 웹에 이식한 고성능 렌더링 엔진HTML Renderer = 웹 기술(HTML/CSS/DOM) 기반 렌더링👉 쉽게 말하면HTML → 웹스럽게 그리는 방식CanvasKit → 앱처럼 그리는 방식4. 개념..
Mobile Development/Flutter&Dart 2026. 4. 2. 10:20
이전 Prev 1 Next 다음