1 데이터 시각화 __데이터 시각화의 정의 ____데이터 시각화의 종류 ________인포그래픽 ________탐색적 시각화 ________대시보드 ________데이터 시각화 배우기 __D3 라이브러리 소개 __정리 2 재사용 가능한 차트 __재사용 가능한 차트 제작 ____D3로 요소 생성 ________데이터 바인딩 ________요소 생성 캡슐화 ________svg 요소 생성 ____바코드 차트 ________접근자 메소드 ________차트 초기화 ________데이터 추가 ________데이터 접근자 함수 추가 ________데이터셋 업데이트 ________enter와 exit 전이 고정 __바코드 차트 사용 __레이아웃 알고리즘 생성 ____방사형 레이아웃 ________각도 계산 ____레이아웃 사용 __정리 3 SVG 없이 시각화 제작 __SVG 지원 브라우저 현황 __SVG 없는 시각화 ____데이터 로딩 및 정렬 ____포오스 레이아웃 메소드 ____색상과 크기 설정 ____범례 만들기 __폴리필 ____기능 검사 ____canvg 예제 __캔버스와 D3 ____캔버스에서 도형 그리기 ________도형 생성 ________D3와 canvas 통합 __정리 4 D3로 색상 선택기 제작 __슬라이더 컨트롤 제작 ____드래그 반응 ____슬라이더 제작 ____슬라이더 사용 __색상 선택기 제작 ____색상 선택기 호출기 ________색상 선택기 윈도우 추가 ____색상 선택기 윈도우 __정리 5 사용자 인터페이스 제작 __차트 요소 강조 __툴팁 제작 ____툴팁 사용 __브러시를 통한 영역 선택 ____영역 차트 생성 ____브러시 추가 ____브러시 리스너 __정리 6 차트끼리의 상호 작용 __백본의 기초 ____이벤트 ____모델 ____컬렉션 ____뷰 ____라우터 __주식 탐색기 애플리케이션 ____주가 차트 생성 ________종목명 차트 ________주식 영역 차트 ____애플리케이션 구조 준비 ________인덱스 페이지 ____모델과 컬렉션 생성 ________주식 모델 ________주식 컬렉션 ________애플리케이션 모델 ____뷰 구현 ________타이틀 뷰 ________주식 선택기 뷰 ________주식 컨텍스트 뷰 ________주식 상세 뷰 ________애플리케이션 뷰 ____라우터 정의 ____애플리케이션 초기화 __정리 7 차트 패키지 제작 __개발 작업 흐름 ____코드 작성 ____릴리스 생성 ________시맨틱 버전 번호 __패키지 내용 생성 ____열 지도 차트 ____행렬 레이아웃 __프로젝트 셋업 ____Node 모듈 설치 ____그런트로 빌드 ________소스 파일 합치기 ________라이브러리 압축 ________JSHint로 코드 검사 ________패키지 테스트 ________태스크의 순서 등록 ____프론트엔드 의존성 관리 __다른 프로젝트에서 패키지 사용 __정리 8 데이터 기반 애플리케이션 __웹 애플리케이션 생성 ____프로젝트 준비 ____제킬을 이용한 정적 사이트 생성 ____애플리케이션 컴포넌트 작성 ________모델 및 컬렉션 작성 ________뷰 작성 ________애플리케이션 셋업 ____깃허브 페이지를 이용한 호스팅 ____아마존 S3를 이용한 호스팅 ________S3에 배포하기 위한 제킬 설정 ________S3 버킷에 사이트 업로드 __정리 9 대시보드 제작 __대시보드 정의 __대시보드 디자인에 도움이 되는 좋은 습관 __대시보드 제작 ____대시보드의 목적 정의 ____데이터 수집 ____정보 조직화 ____대시보드 영역 생성 ________학생 영역 ________과목 영역 ________학급 영역 ________대시보드 영역 배치 __정리 10 지도 제작 __지리 데이터 수집 ____GeoJSON과 ToppoJSON 형식의 이해 ____지리 데이터 파일 변환 및 조작 __D3로 지도 제작 ____등치 지역도 제작 ____위상 매핑 ____Mapbox와 D3 함께 사용 ____Mapbox 프로젝트 생성 ____Mapbox와 D3의 조합 __정리 11 고급 지도 제작 __지도 제작을 위한 여러 가지 투영 방식 ____정방형 투영법 ____원뿔 등거리 투영법 ____직교 투영법 __지구 회전 기능 생성 __대화형 별자리 지도 제작 ____항성 목록 선택 ____항성 그리기 ____투영 방식 변경과 회전 동작 추가 ____항성에 색과 레이블 추가 __D3를 이용한 래스터 이미지 투사 ____래스터 이미지를 canvas에 렌더링 ____픽셀의 지도 상의 좌표값 계산 ____직교 투영을 이용한 이미지 재투영 __정리 12 실시간 애플리케이션 제작 __Firebase를 사용한 실시간 협업 ____Firebase 설정 ____Firebase와 애플리케이션 통합 __트위터 탐색기 애플리케이션 __스트리밍 서버 생성 ____트위터 스트리밍 API ________Twit을 이용하여 트위터 스트리밍 API에 접근 ____Socket.IO ____스트리밍 서버 구현 __클라이언트 애플리케이션 생성 ____애플리케이션 구조 ________모델과 컬렉션 ________토픽 컬렉션 뷰 구현 ________애플리케이션 뷰 생성 ________애플리케이션 준비 __정리