IMMERSIVE

Subclass Dance Party

이번 Sprint의 학습 목표

  • 객체 모델을 화면, 즉 HTML과 CSS를 이용해 표시해봅니다.
  • 화면을 꾸미는 다양한 CSS 요소를 찾아 사용해봅니다.
  • UI 요소에 다양한 이벤트 핸들러를 적용해봅니다.

Sprint를 시작하기 전 알고있어야 하는 것들

  • Instantiation patterns 중 Functional, Pseudoclassical, ES6 class 키워드를 이용한 방법
  • BeesBeesBees에서 배운 내용들
  • JavaScript를 이용해 동적으로 HTML element를 화면에 render하는 방법

Pair programming에서 해볼 것들

  • 최소 각기 다른 종류의 두 dancer를 구현합니다.
  • dancer들을 줄세우는 함수를 같이 구현합니다.
  • dancer가 어떻게 마우스 이벤트를 받을 수 있을 지 연구해봅니다.
  • 어떻게 서로 다른 dancer instance끼리 interaction 할 수 있는지 같이 생각해봅니다.

Advanced 한 과제들

  • dancer가 어떻게 키보드 이벤트를 받을 수 있을 지 연구해봅니다.
  • CSS3 transition을 이용한 dancer를 구현합니다.

Sprint Office Hour 시간에 발표해볼 과제들

  • Prototype 상속의 원리
  • CSS 속성 및 effect

여러분들이 사용한 CSS 속성을 서로 공유하는 시간을 가지게 될 것입니다. codepen.io는, 프론트엔드 개발자들이 사용하는 HTML, CSS 및 JavaScript 연습장입니다. 이곳에 여러분들이 자랑할만한 css 속성, 독특한 기법을 pen으로 하나씩 만들어주세요. 여기에는 굳이 JavaScript를 넣지 않아도 좋습니다. 간단하게 여러분의 css 기법을 자랑해보세요.

어떻게 만들어야 할지 모르겠다면, 다음 예제를 참조하세요. https://codepen.io/igotoweb/pen/LXJYEL

Sprint 진행 방법

  1. 현재 repo를 자신의 Github으로 fork 합니다.
  2. fork된 repo를 git clone 명령어로 자신의 local 환경으로 다운로드합니다.
  3. Ternimal에 npm install을 입력해 dependency들을 설치합니다.
  4. Leanco에서 Pair Programming 전에 혼자서 진행할 부분을 확인합니다.
  5. Pair분과 함께 Programming을 하며 재밌게 coding합니다.
  6. REVIEW.md 파일에 이번 Sprint를 마무리하며 review를 작성합니다.

Subclass dance party