캔버스(Canvas) 기술의 이해와 활용

HRP개발팀 / 김승엽
HRP개발팀 / 김보성
HRP개발팀 / 김승엽
이론 주제
  • 인터랙티브웹 페이지를 제작하기 위한 캔버스(Canvas) 기본 지식 습득
  • 캔버스(Canvas) 기술 적용한 실습 과제에 대한 코드 리뷰
실습 주제
  • 캔버스(Canvas) 기술 적용한 실습 과제 수행
  • 캔버스(Canvas) 기반 인터랙티브 웹 페이지를 제작
학습목표
  • 캔버스를 이용한 인터랙티브 웹 페이지를 제작하기 위한 기본지식 습득
  • 캔버스 기술 적용한 실습 과제 수행
성과
  • 인터랙티브 웹 페이지 제작에 필요한 기본 지식 습득

TGC 커리큘럼

주차(Week) 주제 및 내용 학습과제 추가설명 (목표성과/MPF지표)
1 오리엔테이션 TGC 소개 및 참여자 상호 인사 (사전 과제) 기술 적용 방안 수립
2 캔버스 이해와 실습 캔버스 요소 학습 및 드로잉 실습 실습 과제(드로잉) 수행
3 캔버스 이해와 실습 캔버스를 이용한 이미지 제작 실습 실습 과제(이미지) 수행
4 캔버스 이해와 실습 캔버스를 이용한 애니메이션 제작 실습 실습 과제(애니메이션) 수행
5 캔버스 이해와 실습 스프라이트, 바운싱, Ease In, Ease Out 개요 학습 -
6 캔버스 이해와 실습 캔버스를 이용한 프로그레스 바 제작 및 코드 리뷰 실습 과제(프로그레스 바) 수행
7 캔버스 이해와 실습 캔버스를 이용한 슬라이더 제작 및 코드 리뷰 실습 과제(프슬라이더) 수행
8 캔버스 이해와 실습 캔버스를 이용한 그래프 제작 및 코드 리뷰 실습 과제(그래프) 수행
9 인터랙티브 웹 페이지 제작 캔버스 기반 인터랙티브 웹 페이지 기획 -
10 인터랙티브 웹 페이지 제작 캔버스 기반 인터랙티브 웹 페이지 제작 (1) 기술 적용 방안 제작
11 인터랙티브 웹 페이지 제작 캔버스 기반 인터랙티브 웹 페이지 제작 (2) 기술 적용 방안 제작
12 매듭

TGC 주간 활동