본문 바로가기

어쩌다 코린이

검색하기
어쩌다 코린이
프로필사진 2da1

  • 전체보기 (22)
    • o(•ω•)o (0)
    • 언어공부 (14)
      • 파이썬 (9)
      • C (5)
    • 르탄즈 1기 활동 (6)
    • Front (1)
Guestbook
Notice
Recent Comments
Link
«   2025/09   »
일 월 화 수 목 금 토
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
Tags
  • 스파르타코딩클럽
  • barchart
  • tailwind
  • 파이썬
  • 내일배움단
  • 르탄즈1기
  • 프론트엔드
  • 코딩
  • 크리스마스카드만들기
  • 코딩교육
  • JavaScript
  • Chart.js
  • react
  • 국비지원
  • 르탄즈
  • 서포터즈
  • 웹페이지제작
  • 차트 구현
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록react (1)

어쩌다 코린이

[Front] BarChart 구현하기

BarChart를 직접 구현해보자 위와 같은 BarChart를 구현해야 했다. Chart.js 라이브러리를 이용하려고 했으나.. 1. 막대 위에 데이터 표시 2. 막대 둥글게 표현 3. 차트 세로 축 데이터 표시 및 dotted로 라인 표현 등등.. Chart.js를 커스텀해서 쓰기엔 어려운 부분이 있었기에 직접 구현하기로 결정했다. 사용 스택 : React, JavaScript, Tailwind, Framer-motion 1. BarChart 컴포넌트 Props - items / multiItems : 가로축 라벨당 두개의 막대가 있는 경우를 고려하여 items 혹은 multiItems를 받는다. - standard : 프로젝트에서 기준에 따라 막대 색상을 변경해야 했기 때문에 해당 기준을 받는 pro..

Front 2023. 9. 12. 15:09
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바