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

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

  • HTML
    • 내용
    • Content
  • CSS 
    • 모양, 꾸밈, 보여줌
    • Presentation
  • JS
    • 동작, 행당
    • Behavior
따지면, JS에서 HTML도 만들고 수 있고 CSS(Style)도 만들어 붙일 수 있는데, 
위 내용에 따르면, 
즉 별문제 없으면,
내용은 HTML로 우선 만들어 놓고 CSS로 보이는 모양을 정하고 JS로 동작을 제어만 하면 된다.

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

물론 HTML자체의 내용을 수정하거나 CSS의 특정 부분을 추가하는 등의 복잡한 동작을 할 때도 있을 것이다.
이럴 경우 어쩔 수 없겠지... 즉, 무조건 역활을 엄격히 구분해야하는 건 아니다.
다만 그렇게 복잡해지면, 사용이나 관리 측면도 복잡해지니... 단순화 하는 것도 생각해 보자.
댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
제목 작성자 날짜
공대여자
공대여자
tag:2 #etc #공지
mins01
tag:3 #css #hover #zoom
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
tag:2 #총선 #d-day
공대여자
공대여자
tag:3 #seo #meta #og
공대여자
tag:1 #ssl
공대여자
공대여자
공대여자