JavaScript로 그림판 만들기
1.canvas 태그 - 기본 도형 그리기
웹 페이지에 픽셀 그림을 그릴 수 있는 캔버스에 대해 알아봅니다.
2021년 7월 26일
2.canvas 태그 - 마우스로 그림 그리기
클론 코딩 - JS로 그림판 만들기 1
2021년 7월 26일
3.GitHub Pages로 HTML 배포하기
내가 열심히 만든 웹페이지를 다른 사람에게 보여주려면 어떻게 해야 할까요?
2021년 7월 27일
4.마우스 커서 직접 만들기
마음에 드는 도트 이미지가 없어서 그냥 만들어봤습니다.
2021년 7월 27일
5.웹 CSS 폰트 적용하기
구글 폰트 URL로 무료 폰트 적용하기
2021년 7월 29일
6.그림판 지우개 구현하기
HTML canvas 태그와 JavaScript의 clearRect()함수를 이용해 지우개를 구현해봅니다.
2021년 8월 4일
7.마우스를 따라 다니는 요소 구현하기
웹에서 마우스 커서를 따라다니는 이미지나 도형 요소를 구현해봅니다.
2021년 8월 4일
8.해상도에 따라 달라지는 캔버스 만들기
반응형 웹 사이트란? 반응형 웹에서 캔버스 사이즈가 변할 때 고려해야 할 사항은?
2021년 8월 25일