왜 대형 IT 기업들은 HTML 대신 Canvas로 웹앱을 만들까?
You might want to build your WebApp in Canvas instead of HTML
Google Docs, Sheets, Excel 웹 버전, Miro, Canva 등 대형 IT 기업의 핵심 웹앱은 HTML 대신 Canvas 요소로 구축되었습니다. 이 글은 Hivekit의 스케줄러를 Canvas로 개발한 경험을 바탕으로, Canvas가 DOM보다 빠르고 제어가 쉬우며 일관된 렌더링을 제공하는 이유를 설명합니다. 또한 접근성, 입력 처리 등 DOM의 장점을 고려할 때 Canvas가 적합한 경우와 그렇지 않은 경우를 제시하고, Canvas 구현 시 유의할 점(렌더링 관리, 레이어링, 스타일 분리, 좌표 변환 함수, 히트 테스트 등)을 소개합니다.
Canvas가 단지 빠르다는 이유로 선택하지 마세요. 인터페이스가 더 이상 문서처럼 동작하지 않고 장면(scene)처럼 동작하기 시작할 때 선택하세요.