본문 바로가기

TypeScript2

[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.
[TypeScript] TypeScript 환경 설정하기 1. Node.js와 npm 설치공식사이트에서 설치 후 터미널에서 node -v와 npm -v를 통해 버전을 확인합니다. 2. 프로젝트 초기화npm init -y 해당 명령어를 통해 프로젝트를 초기화 해줍니다.그러면 package.json 파일이 생성됩니다.{ "name": "ts0827", "version": "1.0.0", "main": "index.js", "scripts": { "build": "tsc", "start": "node dist/index.js", "dev": "tsc -w" }, "keywords": [], "author": "", "license": "ISC", "description": "", "dependencies": { "typescr.. 2024. 8. 27.

티스토리툴바