Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 요척합의
- 우레탄지퍼
- MERN스택
- 지연환가료
- 슈퍼코딩
- 핸드캐리쿠리어차이점
- 자켓실측
- 미국영어연음
- Armhole Drop
- AATCC
- 고급영어단어
- 나일론지퍼
- WHATTIMEOFTHEDAY
- 봉제용어
- 비슬론지퍼
- TACKING
- 영어시간읽기
- 암홀트롭
- 미니마카
- 웹API
- 와끼
- 40HQ컨테이너
- 비리짐
- 엑셀드래그단축키
- 클린코드
- 필터링후복사붙여넣기
- 헤이큐
- 엑셀필터복사붙여넣기
- 40HQ컨테이너40GP컨테이너차이
- 엑셀자동서식
Archives
- Today
- Total
CASSIE'S BLOG
d3.js (데이터 시각화를 구현하는 자바스크립트 라이브러리) 본문
반응형
대학원 첫 학기 '데이터 시각화' 수업을 수 강했다. 당시 나는 자바스크립트 기초를 마치고 리액트를 배우기 시작했다. 수업에 서는 데이터 시각화 이론과 더불어 d3.js 를 가지고 막대 그래프, 꺾은 선 그래프 등 아주 기본적인 차트를 코딩하는 방법을 다 뤘다. 개발 실력을 높일 수 있는 기회라고 생각해 과제 요구 사항을 넘어서 좀더 난 이도 높은 과제물을 제출했다. node.js로 데이터를 스크래핑하고, 리액트에서 svg 와 d3.js를 사용해 데이터 시각화 차트를 구현했다. 그리고 매주 과제를 묶어 포트 폴리오로 만들어 사이트로 배포했다. 수업 을 통해 '데이터 시각화'에 관심을 가지게 되면서 자연스럽게 내 연구 분야로 자리매 김하게 되었다.
반응형