[JavaScript]class + canvas(1)(code)

See the Pen LYxXoNz by minsucoding (@minsucoding) on CodePen.

 

간단하게 class를 사용해보았다

사용하기 위해서는 html에 무언가를 보여지게 해줘야 했기때문에 canvas를 사용했다

class는 여러가지 행동을 나눠서 할수있다 라는 장점을 강조하기 위해서 constructor은 canvas를 만들어주고
resize에는 canvas의 색상,위치속성들을 animate에는 animation속성들을 넣어서 각자 역할을 나눠서 실행 해주었다

CSS를 놔두고 왜 class를 사용하느냐?라는 의문이 들기에 충분한 예제이다

위 예제는 class를 이용해서 웹에 보여지게 하는게 아니라 class자체를 어떤식으로 사용하는지에 대한 간단한 예제를 보여준것이다

예제에서 핵심 포인트는 class 안에 복수의 함수들로 역할을 나누어서 일을 한다는것이다