input(type="range") 설정하는 방법은 아래를 참고했다.
https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/
Creating A Custom Range Input That Looks Consistent Across All Browsers — Smashing Magazine
Range inputs have notoriously been a pain to style. Each browser renders the input differently requiring you to use vendor prefixes in order to create a cohesive look and feel. In this article, we’ll take a look at the quirkiness of the HTML range input
www.smashingmagazine.com
모드(Draw/Fill)가 바뀔 때 icon을 달리해야 한다. i tag를 만들어 button에 append하는 방법은 알지만, remove하는 방법을 몰라 아래 문서를 참고했다.
https://www.w3schools.com/jsref/met_node_removechild.asp
HTML DOM Element removeChild Method
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
'프로젝트 > 그림 앱 클론코딩' 카테고리의 다른 글
| [그림 앱 만들기] 이미지, 텍스트 첨부, 저장하기 (0) | 2023.02.01 |
|---|---|
| [그림 앱 만들기] 툴(색상 선택, 채우기, 버리기, 지우기) 만들기 (0) | 2023.02.01 |
| [그림 앱 만들기] canvas, 선 그리기, 선 두께 조절하기 (0) | 2023.01.26 |
| [노마드스터디] 주간회고록 4주차 (0) | 2023.01.26 |
댓글