이 프로젝트는 HTML, CSS, JavaScript를 사용하여 만든 그림판 애플리케이션입니다. 사용자는 자유롭게 그리기, 색상 변경, 브러시 크기 조정 등 다양한 기능을 이용하여 그림을 그릴 수 있습니다. 이 프로젝트는 프론트엔드 개발을 시작한 지 한 달 정도 되었을 때, 웹 애플리케이션 개발의 기초를 익히는 과정에서 하게된 프로젝트입니다.
- 그리기 기능: 마우스를 이용하여 자유롭게 그림을 그릴 수 있습니다.
- 전체 채우기 기능도 제공
- 색상 선택: 다양한 색상을 선택하여 그림을 그릴 수 있습니다.
- 브러시 크기 조정: 브러시 크기를 조정하여 선의 두께를 변경할 수 있습니다.
- 지우기: 그린 내용을 지울 수 있는 기능이 제공됩니다.
- 전체 지우기 기능도 제공
- 글자 추가: 원하는 텍스트를 추가할 수 있습니다.
- 글자 스타일 변경: 다양한 텍스트 스타일을 선텍하여 텍스트를 추가할 수 있습니다.
- 그림 저장: 본인이 그린 그림을 저장할 수 있습니다.
- HTML: 웹 페이지의 구조를 정의
- CSS: 페이지 스타일링 (Canvas 크기, 색상, 브러시 디자인 등)
- JavaScript: 그리기, 색상 선택, 브러시 크기 조정 기능 구현