OOCSS

Created

Created

2021 Jul 22 14:29

Editor

Editor

Creator

Creator

Edited

Edited

2021 Jul 22 14:30

Refs

Refs

Object Oriented CSS

원칙 1. 구조와 모양을 분리한다.

반복적인 시각적 기능을 별도의 스킨으로 정의하여 다양한 객체와 혼합해 중복코드를 없앤다.

원칙 2. 컨테이너와 컨텐츠를 분리한다.

스타일을 정의할 때 위치에 의존적인 스타일을 사용하지 않는다. 사물의 모양은 어디에 위치하든지 동일하게 보여야 한다

Interview_Question_for_Beginner/FrontEnd at master · JaeYeopHan/Interview_Question_for_Beginner

HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.) CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.) DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정) 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.) 개별 노드를 화면에 페인트한다.(or 래스터화) Reference 웹에서는 수많은 이벤트(Event)가 발생하고 흐른다.

Interview_Question_for_Beginner/FrontEnd at master · JaeYeopHan/Interview_Question_for_Beginner

https://github.com/JaeYeopHan/Interview_Question_for_Beginner/tree/master/FrontEnd

Interview_Question_for_Beginner/FrontEnd at master · JaeYeopHan/Interview_Question_for_Beginner

Recommendations

/////////