Basic Frontend Knowledge - CSS

 

CSS?

CSS(Cascading Style Sheets)는 HTML 요소가 화면에 표시되는 방식과 스타일을 설명하는 문서이다.

HTML 요소에 직접적으로 스타일을 적용할 수 있으나 구조를 담당하는 HTML이 너무 복잡해지고 지저분해진다.

CSS를 사용함으로써 HTML을 선택하여 짧은 설명으로도 여러 요소에 방식과 스타일을 적용할 수 있다.

 

CSSOM?

CSSOM(CSS Object Model)이란 CSS 문서를 파싱 하여 구조화한 오브젝트 모델로 Internet - 5(Browser and how they work?, https://donghyeob-devlog.tistory.com/7)에서 나왔던 Rendering engine에서 HTML 문서를 파싱 하는 동시에 이뤄진다.

 

CSS는 HTML 요소의 색상, 글꼴, 크기, 간격 등 여러 측면을 제어할 수 있으며 웹에 접근할 수 있는 많은 디바이스 화면에 반응할 수 있도록 한다. 또한 HTML요소의 위치를 간단하게 지정할 수 있으며 사용자에게 시각적으로 다양한 경험을 줄 수 있다. CSS 또한 HTML과 마찬가지로 클론 코딩을 통하여 계속해서 익혀나가길 바란다. JavaScript를 통해 코드를 간소화하고 동적으로 만들 수는 있지만 HTML과 CSS에 대한 이해가 없다면 프론트엔드 개발자로서 해결하기 어려운 문제들이 많다고 생각한다.

 

물론 주니어 개발자가하는 말이라서 귀담아듣지 않아도 된ㄷ...