코스소개
03분58초프로젝트 시연
08분26초데이터 시각화 개념
05분43초EChart 소개
05분10초ECharts로 빠르게 시작하세요
13분54초관련 구성 항목 설명
09분40초막대 차트의 기본 구현 및 공통 효과
18분06초일반 구성_제목 관련 구성
05분46초일반 구성_툴팁 관련 구성
10분36초일반 구성_toolbox 관련 구성
08분14초일반 구성_전설 관련 구성
07분50초꺾은선형 차트의 기본 구현
05분23초꺾은선형 차트의 일반적인 효과 1
10분22초꺾은선형 차트 2의 일반적인 효과
12분52초산점도의 기본 구현
11분03초산점도의 일반적인 효과
14분25초직각좌표계의 공통 구성 그리드
05분15초직교좌표계 공통 구성축
04분47초일반적으로 사용되는 직각 좌표계 구성 dataZoom
11분01초원형 차트의 기본 구현
07분03초원형 차트의 일반적인 효과
15분02초지도의 기본 구현 및 공통 구성
18분17초공통 지도 효과_지방 지도 표시
07분12초공통 지도 효과_공기질 표시
10분56초지도의 일반적인 효과_지도와 산점도의 조합
10분10초레이더 차트 구현
12분37초대시보드 구현
06분49초ECharts 기본 요약
07분08초테마 사용법
10분32초색상 팔레트 및 색상 그라디언트
15분41초다이렉트 스타일과 하이라이트 스타일 사용
06분07초차트 적응 구현
07분33초차트 로딩 애니메이션 구현
08분18초차트 증분 애니메이션 설명
10분09초차트 애니메이션 구성 항목
11분23초전역 ECharts 개체의 일반적인 메서드 1
07분44초전역 ECharts 개체의 일반적인 메서드 2
09분48초echartsInstance 개체 1의 일반적인 메서드
13분04초echartsInstance 객체 2의 일반적인 메서드
12분45초ECharts 고급 요약
06분00초Koa2 소개
11분02초Koa2로 빠르게 시작하기
09분30초Koa2 미들웨어의 특징
12분58초백엔드 프로젝트_프로젝트 준비
10분27초백엔드 프로젝트_총 시간이 많이 소요되는 미들웨어 개발
09분03초백엔드 프로젝트_응답 헤더 미들웨어 개발
05분18초백엔드 프로젝트_비즈니스 로직 미들웨어 개발
18분03초백엔드 프로젝트_교차 도메인 구성
10분34초프론트엔드 프로젝트_프로젝트 생성 및 준비
18분28초프론트엔드 프로젝트_가맹점 매출통계_컴포넌트 구조 및 레이아웃 구조
15분44초프론트엔드 프로젝트_가맹점 매출통계_차트 기본 기능
13분24초프론트엔드 프로젝트_가맹점 매출 통계_동적 새로고침 구현
15분10초프론트엔드 프로젝트_가맹점 매출통계_UI 조정 1
09분01초프론트엔드 프로젝트_가맹점 매출통계_UI 조정 2
13분08초프론트엔드 프로젝트_가맹점 매출통계_분할옵션
06분43초프론트엔드 프로젝트_가맹점 판매통계_해상도 적응
11분59초프론트엔드 프로젝트_판매 동향 차트_일반 코드 구조
13분55초프론트엔드 프로젝트_판매동향 차트_기본 차트 표시
11분25초프론트엔드 프로젝트_판매 동향 차트_UI 조정
12분00초프론트엔드 프로젝트_판매동향 차트_스위칭 차트 구현
18분30초프론트엔드 프로젝트_판매 동향 차트_해상도 적응
08분33초프론트엔드 프로젝트_가맹점 지도 배포_디스플레이 지도
08분22초프론트엔드 프로젝트_가맹점 지도 분포_분산점 표시
08분43초프론트엔드 프로젝트_가맹점 맵 배포_UI 조정
07분14초프론트엔드 프로젝트_가맹점 지도 배포_해상도 적응
05분24초프론트엔드 프로젝트_가맹점 지도 배포_지도 클릭 효과
18분10초프론트엔드 프로젝트_판매 순위 차트_기본 차트 표시
12분22초프론트엔드 프로젝트_판매 순위 차트_UI 조정
12분55초프론트엔드 프로젝트_판매 순위 차트_번역 애니메이션 효과
11분56초프론트엔드 프로젝트_판매 순위 차트_해상도 적응
03분31초프론트엔드 프로젝트_핫셀 상품 비율_기본 차트 표시
09분57초프론트엔드 프로젝트_핫셀링 제품 비율_데이터 전환
13분51초프론트엔드 프로젝트_핫셀 상품 비중_UI 조정
18분13초프론트엔드 프로젝트_핫셀링 제품 비율_해상도 적응
07분53초프론트엔드 프로젝트_재고 판매 모듈_기본 차트 표시
11분48초프론트엔드 프로젝트_재고 판매 모듈_UI 조정
11분54초프론트엔드 프로젝트_재고 판매 모듈_전환 애니메이션
08분58초프론트엔드 프로젝트_재고 판매 모듈_해결책 적응
06분37초WebSocket_backend의 기본 사용
11분35초WebSocket_front end의 기본 사용
14분15초백엔드 프로젝트의 변화
06분04초프런트엔드 및 백엔드 데이터 필드에 대한 규칙
14분40초백엔드가 데이터를 수신할 때 처리
12분44초프런트 엔드 코드 변환_서버에 연결
13분19초프런트 엔드 코드 변환_수신된 데이터 처리
14분40초프런트엔드 코드 변환_컴포넌트 변환
10분38초프런트엔드 코드 변환_최적화
13분09초세부처리_컴포넌트 병합
13분22초디테일 처리_전체 화면 전환_레이아웃 스타일
13분18초상세처리_전체화면 전환_클릭 이벤트 처리
06분36초디테일 처리_전체 화면 전환_링크 효과
09분59초세부처리_테마전환_차트테마
11분43초세부처리_테마전환_정의 데이터
09분19초세부처리_테마 전환_네이티브 HTML 전환
09분09초디테일 처리_테마 전환_연계 효과
03분28초