HTML 만들 때 HTML,CSS,JS의 역활 구분을 하라.

위 내용에 따르면, 

즉 별문제 없으면,

내용은 HTML로 우선 만들어 놓고 CSS로 보이는 모양을 정하고 JS로 동작을 제어만 하면 된다.

특정 부분이 동적으로 변한다면

:hover 등 으로 가능하다면 CSS만으로

동작이 좀 더 복잡하다면, 변화의 CSS를 만들고 JS에서는 classList로 추가/삭제 정도만 동작시키는 것이 역활 구분에 맞을 것이다.

물론 HTML자체의 내용을 수정하거나 CSS의 특정 부분을 추가하는 등의 복잡한 동작을 할 때도 있을 것이다.

이럴 경우 어쩔 수 없겠지... 즉, 무조건 역활을 엄격히 구분해야하는 건 아니다.

다만 그렇게 복잡해지면, 사용이나 관리 측면도 복잡해지니... 단순화 하는 것도 생각해 보자.