search

growing-devs / easy-to-real-estate-frontend

몰리턴 웹 서비스 고도화 프로젝트의 프론트엔드 repository
MIT License
0 stars 3 forks source link

차트, 표 라이브러리 조사 #6

Closed 05Castle closed 1 year ago

05Castle commented 1 year ago

Description

차트와 표를 만들 라이브러리 조사 및 테스트하고 어느 라이브러리 사용할지 정하기.

Todo List

기타 사항

조사한 라이브러리는 본 이슈에 코멘트로 남겨두기.

ex)
차트 라이브러리로 recahrts 라는 라이브러리를 테스트하고 있습니다.
05Castle commented 1 year ago

리액트에서 많이 쓰이는 차트 라이브러리는 recharts 와 chartjs. 아래는 공식 문서. https://recharts.org/en-US/ https://react-chartjs-2.js.org/

05Castle commented 1 year ago

표 라이브러리로 react-table이 많이 사용되는 듯 하다. npm-trends에 따르면 react-virtualized와 react-window 도 비슷하게 자주 사용되는 것 같은데, 이 두 라이브러리는 단순히 표나 그리드만을 위한 라이브러리가 아니라 다양한 기능을 내포하고 있는 것 같다.

만약, table이나 grid만 그릴 용도라면 사용성과 패키지 용량도 비교해 봐야 할 듯.

sihyun10 commented 1 year ago

차트 라이브러리로 'Nivo.rocks'는 커스텀기능이 정말 잘 되어있으며, 다양한 차트 종류. 사이트에서 커스텀 적용해보며 미리보기가 가능하다. 이 결과 코드를 복사해 바로 가져다가 쓸 수 있다는 점이 장점이다. https://nivo.rocks/bar/ _ 공식문서

gitjoyoung commented 1 year ago

https://mui.com/

https://apexcharts.com/ 두가지의 라이브러리 가 구현하고 재사용하기 좋을거 같다고 느꼇습니다

gitjoyoung commented 1 year ago

멘토님 추천 d3 로 작업 진행중

05Castle commented 1 year ago

표 라이브러리는 react-table로 확정하여 작업 진행중