HTML / CSS / JS 역할

HTML (Hyper Text Markup Language)

페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 구조와 의미를 부여하여 정적 언어로 웹의 구조를 담당

 

 

CSS(Cascading Style Sheets)

마크업 언어(HTML, XML 등)가 실제 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정하여 콘텐츠 구조를 꾸며주며주는 정적 언어로 웹의 시각적인 표현을 담당

 

 

JavaScript

컨텐츠를 바꾸고 움직이는 등 페이지를 동적으로 꾸며주는 역할을 담당

HTML과 CSS를 동원해서 그들의 업무(구조, 시각적 표현 등)도 담당할 수 있지만, 그들만큼 잘하진 못하기 때문에(성능적으로) 되도록 동적 처리에만 집중

 

 

결론

3가지 언어들이 각자의 역할을 수행하기 위해 구조적/기술적으로 언어(코드)를 최적화 시킬 필요.

파일과 폴더 별로 구분하는 이유는 복잡한 웹 페이지를 만들고 규모가 커질 수록 구조적/기술적으로 최적화하는 과정이 유지/보수, 확장성, 생산성 등을 위해 필요.

 

 

 

 

출처 : heropy.blog