HTML 만들 때 HTML,CSS,JS의 역활 구분을 하라.
따지면, JS에서 HTML도 만들고 수 있고 CSS(Style)도 만들어 붙일 수 있는데,
위 내용에 따르면,
즉 별문제 없으면,
내용은 HTML로 우선 만들어 놓고 CSS로 보이는 모양을 정하고 JS로 동작을 제어만 하면 된다.
특정 부분이 동적으로 변한다면
:hover 등 으로 가능하다면 CSS만으로
동작이 좀 더 복잡하다면, 변화의 CSS를 만들고 JS에서는 classList로 추가/삭제 정도만 동작시키는 것이 역활 구분에 맞을 것이다.
물론 HTML자체의 내용을 수정하거나 CSS의 특정 부분을 추가하는 등의 복잡한 동작을 할 때도 있을 것이다.
이럴 경우 어쩔 수 없겠지... 즉, 무조건 역활을 엄격히 구분해야하는 건 아니다.
다만 그렇게 복잡해지면, 사용이나 관리 측면도 복잡해지니... 단순화 하는 것도 생각해 보자.