우당탕탕 아장아장

React에서 Reacjarts 라이브러리 사용하기 Chart.js보다 쉬운듯 $ npm install recharts npm에서 install 해주기! 1. 필요한 차트 영역 선택 2. 당신이 원하는 그릴 요소들을 추가하기 3. 일부 구성 요소의 소품 조정 4. 상호작용 추가 5. 당신의 컴포넌트를 사용자 지정하기 엄~~청나게 다양한 차트들이 있음! 왜인지는 모르겠지만, 아래 파란 링크를 눌러서 복붙한다는 후기를 보고, 따라하기 ⭐⭐ 꼭 파란 링크 눌러서 복붙! 그리고 상단의 styles 경로 확인! ⭐⭐ 뜨는데, 이제 문제는 뜨는게 있고, 안뜨는게 있다는 것.... 차이가 뭔지 모르겠다😅😅

React를 사용한 첫 팀 프로젝트 작업 기간 2022.12.16 ~ 2023.01.26 (5주 + a) 기술 스택 - HTMl / CSS - React - SASS 플로우 차트 만들기 피그마를 이용한 개인이 맡은 부분 플로우차트 만들기 그리고 전체 연결하기! 컴포넌트 기능 단위로 구분하기 이걸 통해 페이지단위, 컴포넌트 단위, 기능 단위로 구분을 해서 좋았지만 하다보면 그대로 따라가긴 어려울 것 같기도..😂 차트 활용을 위한 Chart.js 사용해보기 ⬆⬆⬆

React에서 Chart.js 사용하는 방법 헤매지 않기 위한 기록 1. 리액트에서 Chart.js를 사용하려면 우선 두개가 필요 npm install chart.js npm install react-chartjs-2 chart.js 나는 쪼랩이니까 그냥 터미널에 두개 입력해서 설치 컴포넌트는 이렇게 준비 그리고 App.js에 연결함 ➡ Chart.js import styled from 'styled-components'; import { Line } from 'react-chartjs-2'; const Chart = () => { return ( ); }; export default Chart; const Container = styled.div` width: 90vw; max-width: 900px;..