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

라쿤의 끄적끄적

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • 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)
  • 방명록

canvas (1)
20210310_바닐라 js로 그림판 만들기, HTML, CSS (Reset, import, flex, unset, all), Emmet, Canvas, mouseEvent

바닐라 js를 이용한 그림판 만들기 project Nomadcoder 사이트 클릭! 그림판 전체적인 기능 Canvas API를 이용함 굵기 조절 색깔 선택 그리기 채우기 저장 기능 사전에 필요한 것들 깃헙 계정 구글 크롬 VScode Set up HTML CSS, js 파일 연결 전체적인 요소 구현 convas 태그 사용 CSS CSS 초기화 파일 만들기 (reset.css) CSS RESET code RESET CSS을 CSS파일에 연결하기 @import "위치" display : flex flex 속성 알아보기 @import "reset.css"; body { background-color: #f6f9fc; font-family: -apple-system, BlinkMacSystemFont, "Seg..

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

티스토리툴바