State of CSS 2023 내 맘대로 리포트

1 2022년에 비해서 CSS Framework와 CSS in JS의 사실 유의미한 순위 변화는 없다. 2 CSS Framework에서는 여전히 부트스트랩과 마테리얼로 컴포넌트를 찍어내는 것이 아니면 TailwindCSS를 사용한다. TailwindCSS의 소폭 약진이 보인다. 3 CSS in JS 에서는 Styled Component와 CSS Modules로 양분되어 있다. 재밌는건 다시 CSS Modules의 점유율이 더 올라오고 있는데, CSS로도 이제는 충분하다는 인식이 생겼기 때문이라고... 4 새로운 것은 "Open Props" 라고 하는 프레임워크가 눈에 띈다. 디자인이 편의를 추구하는 미리 되어 있는 CSS Variables 모음. 테마 같기도 하고 유틸같기도 하고... CSS 문법은 그대로 쓰면서 미리 정해진 디자인과 팔레트를 쓸 수 있어서 하라는대로만 하면 유려한 디자인이 나오는 점이 매력으로 보인다. 훌륭한 디자이너가 잘 만들어둔 디자인 토큰 모음 5 :has가 최신 기능 중 가장 많이 사용하여 편입된 기능으로 선정이 되었다. :where :has :is 이러한 Selector는 이제 본격적으로 사용해도 괜찮을 듯 6 Panda CSS의 언급량이 증가! 주목해볼만한 프레임워크 CSS in JS 방식을 사용하지만 결과물을 class를 맹글링해서 만드는게 아니라 TailwindCSS처럼 Atomic CSS 결과물을 만들어내는 방식 CSS in JS의 개발방식을 차용하면서도 tailwindCSS 같은 유틸리티성 함수를 제공해서 DX를 높이는 방식 아주 하이브리드하다. 7 내가 얻은 결론 :where, :has: :is 쓰는 거는 이제 부담스러워 하지 않아도 되겠다. 생각보다 색상 팔레트나 간격, 폰트 같이 테마를 원하는 사람들이 많구나. 새로운 css 개발 방법이 탄생하는 것에 대해서는 보수적이다고 느껴짐. https://2023.stateofcss.com/ko-KR/