본문 바로가기 메뉴 바로가기

라쿤의 끄적끄적

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

라쿤의 끄적끄적

검색하기 폼
  • All (240)
    • Dev (224)
      • DataStructure (7)
      • Algorithm (5)
      • Git (8)
      • TypeScript (7)
      • JavaScript (36)
      • Bundler (2)
      • SCSS (2)
      • CSS (10)
      • React (24)
      • Redux (8)
      • web (8)
      • Python (15)
      • Django (6)
      • Node.js (6)
      • 백준 (5)
      • Design Pattern (1)
      • Racstagram_V2 (39)
      • Racstagram_V1 (16)
      • Romentum (4)
      • Starbucks (5)
      • Paint-Up (6)
      • 포트폴리오(VRCode) (1)
      • 기타 (3)
    • 금융 (1)
    • 취미 (15)
      • 러닝 (14)
      • 카페 (1)
      • 맛집 (0)
  • 방명록

toDataURL() (1)
20210311_바닐라 js로 그림판 만들기 끝, 색 고르기, 붓 크기, 채우기, 저장, toDataURL()

바닐라 js를 이용한 그림판 만들기 project Nomadcoder 사이트 클릭! 저번 시간에는 기본적인 CSS, HTML 그리고 JS의 그리기 기능 까지 구현했다. VScode 다중커서 Ctrl + d : 같은 단어 찾아서 추가식으로 선택 Ctrl + Alt + Up/Down : 위/아래로 커서 추가 ALT + LMB(왼마클) : 클릭 위치에 다중커서 추가 ESC : 다중선택모드 종료 이번에 구현할 사항 색 바꾸기 js 붓 크기 바꾸기 js 채우기 기능 js 이미지 저장하기 js JS : 색 바꾸기 기능 구현하기 colors 변수에 dom을 가져옴 colors 변수를 Array로 만들고 forEach()를 통해서 dom하나하나를 callback함수로 컨트롤 함 callback 함수로는 Array의 i..

Dev/Paint-Up 2021. 3. 11. 22:42
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Python
  • github
  • 그림판 만들기
  • nrc
  • Django
  • Firebase
  • project
  • 바닐라js
  • 트위터 클론
  • async
  • RUBY
  • React
  • Class
  • Git
  • 드림코딩
  • html
  • redux-toolkit
  • css
  • 오버라이딩
  • object
  • nodejs
  • TypeScirpt
  • JavaScript
  • NomadCoder
  • instagram
  • todolist
  • hooks
  • 생활코딩
  • 기능추가
  • instagram CSS
more
«   2026/01   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바