Paint Canvas

---

💡 HTML Canvas를 이용한 페이지에서 작동하는 간단한 그림판

파일 구조 📝

---

📂 Paint Canvas

- README.md
- index.html
- app.js
- styles.css
- reset.css

사용한 도구 ⛏

---

• HTML
• CSS
• JavaScript

기본적인 HTML, CSS, JavaScript를 사용하여 제작한 프로젝트.

Live Server / vscode 실행을 권장합니다.

배운 점 🤠

---

1. HTML Canvas?
2. QuerySelector를 통해서 JavaScript에서 HTML 요소 조작하기
3. 일정 영역 내에서 마우스 이벤트 감지하기
4. CSS 안에서 CSS를 import 하기.

느낀 점 😁

---

1. 처음으로 만들어본 프로젝트!
2. HTML Canvas는 ‘정말 여러 가지를 표현할 수 있구나’ 라고 느꼈다.
3. JavaScript는 HTML의 빈 껍데기에 알맹이를 채워주는 역할인 것 같다.
4. Reset.css는 정말 편한 것 같다. css를 사용하는데에 필요한 준비과정을 파일 하나로 해결해준다.

아쉬웠던 점 😥

---

1. 아쉬웠던 점은 생각나지 않았지만, 다음은 코드를 적는데 시간을 많이 줄이고 싶다!