본문 바로가기

프로그래밍 공부내용/자바스크립트(JS)

D3 공부를 시작하며..[작성중]

인트로

농구를 굉장히 좋아한다.

정보를 좀 찾고 싶은데... 네이버 이 친구들이 아주 알려주는게 없다.

특히 nba보다 kbl이 메인에 있어서 아주 보기가 힘들다..

나같은 nba 마니아들을 위해서 통계를 제공하고 실시간 경기를 제공하면 어떨까 생각이 들었다.

Why D3

자료를 찾아보던 중에 D3를 찾았다.

rechart나 chart.js처럼 쉬운 라이브러리도 있지만 남자라면 근본이 아니겠는가?

농담이고, 사실 npm trends를 보면 압도적으로 d3가 많다.

또 D3가 커스터마이징 성능이 월등하다고 한다.

문제라고 하면 리액트와 생명주기가 맞지 않을 수 있다는 점인데..

학교 도서관에서 Integrating D3 with React - Elad Elrom 이라는 책을 찾았다.

D3를 리액트랑 쓰려면 계산파트를 D3에 맡기고 렌더링을 React에 맡기라고 하던데... 아마 맞는 책이 아닐까 싶다.

책 자체도 1년전에 나와서 꽤 신선한 편이다..(D3가 꽤 연식이 있는 라이브러리다)

Now

현재는 간단한 donut chart와 line graph, bar chart 정도를 학습한 상태이다.

method chain 형태로 사용하다 보니 TS와 호환이 좋지 않다는 생각이 든다.

중간중간 타입가드로 막아줘야 하는 부분이 많고, default로 값을 넣어준 것을 어떻게 하면 자연스럽게 처리할 수 있을지 고민 중이다.

생각이 정리되면 기본기를 바탕으로 추가 글을 작성하도록 하겠다.

(취준을 하다보니.. 한동안은 글쓸 시간이 빠듯하다..)