html, css, javascript 관심사의 분리

각자의 역할이 있다.
-html은 문서의 내용을 표현하는 언어이고,
-css는 내용을 꾸며주는 스타일을 입히는 언어이고, -javascript는 그 외에 동작 또는 서버단과의 연결을 해주는 일까지 담당하는 언어이다.

관심사의 분리를 적용하면 유지보수가 수월해진다.
-html Dom은 속도가 느리다. 이런 Dom에 style속성으로 css가 덕지덕지 붙기 시작하면 퍼포먼스 문제가 생긴다.
-css 우선순위가 인라인스타일이 제일 높기 때문에 인라인 스타일로 제어를 한 곳을 css로 오버라이딩해서 스타일을 바꾸려면 !important라는 렌더링에 악영향을 준다.
-모달 팝업 같이 팝업 모듈을 display:none / block으로 제어하기 편한 경우도 있지만 이는 클래스 제어로 충분히 가능하다.

css는 스타일 적용에만 집중해야 한다.
-html에 style 태그로 스타일을 적용하는 일은 공통 모듈같은 것을 사용하거나 슬라이드 플러그인 또는 애니메이션으로 동적으로 제어가 필요할 때 등을 제외하고는 되도록 사용을 지양해야한다. 안그러면 유지보수는 점점 힘들어진다.

클린코드

관심사의 분리

리팩토링