Under the Sign of Saturn

  • 🔎 Home
  • ✨ Portfolio
  • 👀 Github

vue-chart 1

[Vue-todo-list] #3 chart.js로 todo data 시각화하기 (1) - Line Chart

2021/02/08 - [👩‍💻/Vue.js] - [Vue-todo-list] #2 카테고리가 있는 Todo List 만들기 2021/02/08 - [👩‍💻/Vue.js] - [Vue-todo-list] #1 Date 객체를 이용해 달력 숫자 구하기/지난 날짜, 오늘 날짜 구별을 위한 CSS 스타일링 todolist 예제의 마지막 단계는 chart.js 연습을 위해서 Pie chart와 line chart 두 개를 보여주는 Daily Report로 꾸몄다. Line chart의 경우 localStorage에 저장되는 todo 객체의 createdAt Date 객체와 완료가 될 때 생성되는 completedAt Date 객체를 기반으로 알맞은 날짜에 해당하는 todo 객체의 length에 따라 두 개의 L..

👩‍💻/Vue 2021.02.08
1
프로필사진

프론트엔드 개발자의 Today I Learnt

  • 분류 전체보기 (110)
    • 👩‍💻 (93)
      • JavaScript (22)
      • React Native (0)
      • React (11)
      • Vue (11)
      • TypeScript (3)
      • Java (4)
      • ruby & python (7)
      • CSS3 (9)
      • HTML5 (3)
      • Data Base (1)
      • Firebase (3)
      • Git (5)
      • Network (9)
      • Web (2)
      • Markdown (1)
      • KNOU (2)
    • 🛠 (15)
      • Blog (2)
      • Dev Tool (13)
    • 💎 (2)
      • books (0)
      • Log (2)
      • Private (0)

Tag

git, React, coding test, programmers, 프론트엔드, techBlog, Typescript, 프로그래머스, github, javascript, CSS, 리액트, todolist, CRA, Frontend, 파이썬, 루비, vue, ESLint, vue.js,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 08  
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.