20210315 바닐라 js로 그림판 기능추가(Custom Color Picker, Custom Canvas Sizer), input color, 밴더 프리픽스(Vendor prefix) , 크로스 브라우징, webkit, Nomadcoder
바닐라 js를 이용한 그림판 만들기 project Nomadcoder 사이트 클릭! 그림판 만들기 강의는 모두 끝냈고 내가 더 추가하고자 하는 기능을 구현 해 보았다. 추가적으로 구현한 기능 커스텀 색깔 픽커 (Custom color picker) 저번에 다른 기능을 구현하다가 input 태그의 color 타입이 있는 것을 보았다. input의 color 은 custom 가능한 창을 열어서 색을 input 할수도 있다. 문제 input color의 경우 모양을 자유자재로 변경이 불가능 했다.(radius 값을 줄수 없다.) 방안 01 새로운 요소(div)로 감싸서 div를 커스텀하여 표시하게 하고 input을 display none으로 설정하여 Javascript를 통해서 연결한다. check 요소에도 ..
Dev/Paint-Up
2021. 3. 16. 00:56
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- instagram CSS
- css
- github
- object
- async
- nodejs
- React
- 드림코딩
- nrc
- Firebase
- todolist
- RUBY
- project
- JavaScript
- 트위터 클론
- Django
- 오버라이딩
- hooks
- NomadCoder
- Git
- html
- 바닐라js
- redux-toolkit
- 그림판 만들기
- Class
- TypeScirpt
- 기능추가
- 생활코딩
- Python
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함