그림판만들기 21.12.16

기능 구현을 위해 목업해둔 그림판

 

canvas태그를 사용해 마우스로 그림그릴 부분을 만들고

 

range로 붓의 두께를 조절하기위한 부분

 

Fill,Save 기능구현을 위한 버튼 두가지

 

10가지의 컬러를 고를수있도록 준비해두었다.

 

목업중 깃헙에 잔디심으면 좋을거 같아서 급 init > add > commit 했지만 레포지토리가 없어서  push가 안되었고,

이문제를 해결하기 위해 1시간가량 검색해 해결했다ㅎㅎ

 

오류사항은 오류해결에 따로 작성할것!

작고 소중한 나의 잔디..

 

---

이과정을 통해 얻고 싶은것..        

 

1. 그림판을 만들며 가장 공부하고 싶은부분은 함수의 사용법과 이벤트 핸들러 사용법에 대한 숙지

레퍼런스 없이 구현해보는 것에 초점을 맞춰야 겠지만... 조금은 참고할예정(캔버스에 그림이 그려지는 과정이 이해가 잘안가서...)

 

2. HTML의 여러 attribute를 사용해보는것.

 

3. 검색을 통해 원하는 기능을 구현해보는 맨땅에 헤딩하기(실패해보기)를 통해 문제해결 능력을 기르는것.(가장중요)

 

4. 자신감 기르기.

 

이과정을 통해 코딩의 즐거움을 많이 느낄수있기를..