Featured image of post [CSS] CSS 역사로 알아보는 CSS가 어려워진 이유

[CSS] CSS 역사로 알아보는 CSS가 어려워진 이유

원문 : CSS 역사로 알아보는 CSS가 어려워진 이유

요약

  • CSS는 문서에서 서식과 컨텐츠를 분리하기 위해서 만들어졌다.
  • 컨텐츠를 제공하는 솔루션을 기반으로 CSS를 커스텀하게 방식으로 발전했다.
  • 그로인해 시멘틱 웹과 복잡한 Selector를 사용하는 방식으로 진화했다.
  • CSS의 규모가 커져가는데 CSS의 발전은 늦어지자 CSS의 문법을 확장시키고자하는 방향으로 발전함.
  • 프론트엔드는 백엔드는 데이터만 처리하는 웹 애플리케이션 방식으로 발전했다.
  • 문서를 만드는 방법으로 애플리케이션을 만들어야 하는 과도기를 겪어갔다.
  • Flexbox라는 애플리케이션을 위한 스펙들이 활성화되기 시작함.
  • 컴포넌트를 기반으로 하는 프레임워크가 보편화되면서 CSS의 구조상의 문제가 드러남.
  • Selector는 단순화되는 방향으로 진화하며 컴포넌트 개발방식에 맞는 CSS설계가 주요아젠다가됨.
  • CSS 방법론은 BEM이 살아남았으나 CSS 구조의 한계를 느끼고 JS로 CSS의 부족함을 메꾸려는 방향으로 발전함. - PostCSS, CSSModules, CSS in JS
  • CSS 자체적으로는 Utiliy-First라는 TailwindCSS가 새로운 대안으로 떠오름.
  • IE11의 방파제가 무너지면서 Grid Layout이나 CSS Variable과 같은 CSS의 새로운 스펙들의 사용빈도가 높아지고 있음.
  • 현재는 CSS in JS, Atomic CSS 2가지 갈래의 방향으로 프레임워크와 번들 생태계와 함께 진화중
Licensed under CC BY-SA 4.0