Graphics System(그래픽스 시스템)

코드스피츠76 - CSS Rendering을 보고 정리한 글 입니다.

1. Fixed Number

   • 고정되어 있는 숫자를 통한 그래픽 시스템으로 가장 원시적인 방법이다.
   • 디바이스 등의 환경에 적응할 수 없기 때문에 범용성 있는 그래픽스 시스템을 만들기 어렵다.
     (많은 환경 적인 변화에 대응할 수 없음)

2. Abstract Calculator

   • 추상화 되어있는(계산기를 사용한)체계를 가진 그래픽 시스템
   • Screen Size, Chrome Size, Hierarchy
     %(특정 기준을 비율로), left, blobk, inline, float

3. Components

   • Abstract Calculator을 이어받는 공통점을 가진 것들

4. Framework

   • 일정한 규칙과 사용 방법을 지키는 형태로 구현되어 있는 것

대표적인 컴포넌트 html로 예를 들어, 공통되는 시스템 하에 개발됐고 이 체계를 프레임워크라고 할 수 있다. 또는 Bootstrap에서 만들어진 각자의 컴포넌트를 본다면, Bootstrap 자체는 프레임워크이다.

즉 Graphics system를 제일 간단하게 생각한다면, 점찍는 방법이라고 생각하면 된다.
하지만, 다음 Rendering System은 완전히 다르다.