반응형
복습: fontawesome 사용하기
<script
src="https://kit.fontawesome.com/6478f529f2.js"
crossorigin="anonymous"
></script>https://fontawesome.com/v5/search?s=solid%2Cbrands
Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.
fontawesome.com
버전을 낮춰서 검색해야 한다
아이콘을 일단 넣고 CSS작업하러 가봅시다.
복습: classList.add / classList.remove
이제 fill버튼은 없앨 예정
그리고 물감통을 선택하면 쟤가 검은색으로 칠해지고 브러쉬는 옅어지는 걸로 js작업해봅시다.
앗 이거 까먹어서 다시 찾아보았습니다.
버튼을 누르면 색이 변합니다.
자 이제는 저 fill/paint버튼을 없애고 아이콘에다가 설정해주겠습니다.
엥? 오히려 더 간단해졌습니다.
이게 더 어려운 것 같은데용....
까먹을 수 있으니 여기에 사진으로 첨부
오케이 구현 완성!
오 복습하면서 하니 잘 됐습니다.
뿌듯 😎
반응형
'노마드 코더 - 초급 > 바닐라 JS로 그림판 만들기' 카테고리의 다른 글
| 추가로 구현해보기 5: 포인터를 페인트통으로 바꾸기 (0) | 2022.03.13 |
|---|---|
| 추가로 구현해보기 3: brush의 마무리가 둥글둥글한 효과 주기 (0) | 2022.03.12 |
| 추가로 구현해보기 2: clear 기능 추가하기 (0) | 2022.03.12 |
| 추가로 구현해보기 1: 랜덤 색상 (0) | 2022.03.10 |
| 후기 + 추가 기능 구현 계획 (0) | 2022.03.10 |