React2 [chart.js/react-chartjs-2] React 프로젝트에 chart.js 적용해보자👋(+Typescript, 반응형) 최근 React로 프로젝트를 하고 있는데 API를 활용해서 그래프를 구현하기로 했다.그래서 가장 유명한 차트 라이브러리인 Chart.js를 선정했다.근데 어떻게 쓰는거지? 1. 설치하기React에서 chart.js를 사용하려면 chart.js뿐만 아니라 react-chartjs-2도 설치를 해줘야한다.npm install react-chartjs-2 chart.js 2. 예시 가져오기설치가 완료되었으면, react-chartjs-2 공식 사이트에서 제공하는 차트 컴포넌트를 사용하면되는데,문제는 지금 사이트가 터졌는지 들어가지지가 않는다. 그래서 나는 그냥 구글링해서 다른 분들이 올려준 코드를 긁어서 썼다. ✅ Bar Chart(.tsx)import { Chart as ChartJS, Categor.. 2024. 9. 27. [GitHub Pages] gh-pages 라이브러리를 활용하여 배포하기 GitHub Pages란?GitHub Pages는 GitHub에서 제공하는 무료 호스팅 서비스로, 개인, 프로젝트, 또는 조직의 웹사이트를 쉽게 호스팅(서버에 저장)할 수 있도록 해줍니다. GitHub Pages는 정적 웹사이트를 호스팅하는 데 최적화되어 있으며, 주로 HTML, CSS, 자바스크립트 파일을 사용하여 웹사이트를 구축하는 데 사용됩니다. Vite로 생성한 React 프로젝트를 활용하여 배포하기1.프로젝트 디렉토리에서 터미널을 열고 다음 명령어를 실행npm install gh-pages --save-dev 2.vite.config.js 파일을 열고 base 옵션을 추가import { defineConfig } from 'vite'import react from '@vitejs/plugin.. 2024. 9. 2. 이전 1 다음
