2D 컨텍스트를 얻고 캔버스 크기와 좌표계를 확인합니다.
Canvas 그리기 순서
Canvas는 픽셀 기반으로 직접 그리는 API입니다. 상태 설정, 경로 작성, 출력 순서를 분리하면 복잡한 그림도 관리할 수 있습니다.
01context
02state
03path
04draw
색, 선 두께, 폰트 같은 그리기 상태를 먼저 설정합니다.
beginPath, moveTo, lineTo처럼 경로를 만든 뒤 stroke나 fill을 호출합니다.
save와 restore로 임시 스타일 변경 범위를 제한합니다.