LEVEL 6 QUEST

Canvas로 그림 그리기

코드로 도형·색상·그래픽 만드는 첫걸음

🎨

Canvas로 그림 그리기

코드로 사각형, 원, 선을 그리고 색을 칠해 봅시다! 게임, 그래프, 애니메이션의 기초

🖼️ Canvas가 뭔가요?

Canvas는 HTML에서 제공하는 "그림판"이에요! JavaScript 코드로 도형, 선, 텍스트, 이미지를 직접 그릴 수 있는 요소입니다.

비유하면 빈 도화지에 JavaScript라는 붓으로 그림을 그리는 것이에요! 웹 게임, 차트, 그래프, 이미지 편집기, 인터랙티브 아트 등에 사용됩니다. HTML/CSS로는 불가능한 자유로운 그래픽 표현이 가능합니다.

Canvas로 만들 수 있는 것들

🎮

웹 게임

📊

차트/그래프

🎆

파티클 효과

🖌️

그림판 앱

📈

데이터 시각화

🌠

애니메이션

🔒

여기까지는 미리보기입니다

Canvas로 그림 그리기
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.