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

탐구소년

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

탐구소년

검색하기 폼
  • 분류 전체보기 (168)
    • 인문 (9)
      • 철학 (6)
      • 읽기 (2)
      • 쓰기 (1)
    • 경제 (11)
    • IT (118)
      • IT 상식 (18)
      • 프로그래밍 (68)
      • C (1)
      • 로봇코딩 (1)
      • 프로그래밍 오답노트 (2)
      • CSS (6)
      • React (19)
      • Sass (2)
    • e-book (15)
      • e-book coding (4)
    • 상식 (2)
    • 일상 (13)
      • 먹기 (10)
      • 놀기 (0)
      • 일상생활 (3)
  • 방명록

react-chartjs-2 (1)
리액트 차트 라이브러리 | create-react-app | react-chartjs-2

리액트를 사용해 차트를 표시할 수 있는 라이브러리의 종류는 무척 다양합니다. 여기에서는 그 중에서도 사용이 간편하고 많은 분들에게 비교적 친숙할 만한 라이브러리를 사용해보도록 하겠습니다. 자바스크립트나 제이쿼리를 학습하시는 분들이 많이 사용하시는 차트 라이브러리 중에 Chart.js라는 것이 있습니다. 여기에서 사용해볼 리액트 라이브러리인 react-chartjs-2는 Chart.js의 리액트 래퍼라고 소개되어 있는 라이브러리로써, 쉽게 말해 Chart.js를 통해 그려진 차트를 리액트 앱으로 렌더링할 수 있도록 해주는 라이브러리라고 할 수 있습니다. 따라서 차트를 표시하는 데 필요한 기본적인 방법이나 흐름은 기존 Chart.js의 방식과 별반 다르지 않습니다. 그럼 라이브러리를 사용하기에 앞서 설치를 ..

IT/React 2020. 9. 25. 12:31
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바