불친절한 블로그

[React] rechart 사용해서 그래프 그려보기 본문

Project/BEMS 찍먹

[React] rechart 사용해서 그래프 그려보기

오누! 2022. 1. 28. 14:29
반응형

이번 실습은 이전 글 위에다가 할꺼다.

https://onu0624.tistory.com/123

 

[React] 레이아웃 구성해보기

리엑트 공식홈페이지를 보면서 학습하고 있었는데 실제 웹페이지를 만들때에는 웹 화면구성하는 법을 알고싶어서 구글링을 통해 레이아웃을 구성하는 법을 찾아보게 되었다. 디렉토리를 layout

onu0624.tistory.com

 

rechart 공식 홈페이지에 들어가서 예제를 누른다.

 

예제 페이지를 보면 오른쪽에 예제 코드가 있다.

근데 클래스 컴포넌트다... 

하단에 파란색 링크가 있어서 눌러보니

거기에는 함수 컴포넌트 예제가 있다.

 

코드 복사!!

차트 관련 컴포넌트를 만들어주고, 복사한 코드 삽입!

 

차트를 표시해주려고 하는 화면에 컴포넌트 선언하면 끝!

 

나와라 결과창

 

반응형
Comments