The State of CSS 2022

이번 The State of CSS 2022 설문 조사는 2022년 10월 1일부터 11월 1일까지 진행되어 14,310개의 응답을 수집하였다고 하는데요. 현재 인기 있는 항목을 분석하기보다는 향후 몇 년 동안 발생할 항목을 예상하는 데 중점을 두었다고 합니다. 1. CSS-in-JS CSS Modules, vanilla-extract 가 1, 2위를 차지했습니다. 국내에서는 Styled Components 나 Emotion 을 많이 사용하는 것 같은데 이 부분은 확실히 해외와 국내 간의 온도 차이가 있는 것 같습니다. 2. CSS 프레임워크 CSS 프레임워크 분야에서 Tailwind와 PureCSS, AntDesign 이 각각 1, 2, 3 위를 차지했습니다 3. vanilla-extract/css 가장 높은 리텐션 어워드 분야에서 CSS Modules, Tailwind에 이어 vanilla-extract/css가 3위를 차지했는데요. vanilla-extract/css는 제로 런타임(CSS Modules) Stylesheets-in-TypeScript 라이브러리입니다. 아직 국내에서는 많이 사용되고 있지는 않은 것 같은데요. 타입 스크립트가 CSS 전처리기에 사용된다는 컨셉트가 새롭네요. 해외에서는 이미 인기가 있는 만큼 향후에 관심 있게 지켜보아도 좋을 것 같습니다. 4. 결론. CSS를 작성하는 방식에 있어 많은 부분이 변경될 것이라고 예상했고 실제 많은 변경이 있었다고 합니다. 가령, 컴포넌트 단위로 반응형을 구현해 주는 @container, 부모 그리드에서 트랙 크기를 가져오는 subgrid(현재 Chrome 미지원입니다.), 상위 선택기( :has())에 대해 언급하고 있습니다. 그리고 2023년에 가장 떠오르는 주제에 대해서는 CSS 중첩 기능인 native Nesting을 언급하였는데요. 이유는 CSS 중첩 기능은 CSS 전처리기(SCSS)를 사용하는 가장 큰 이유라고 합니다. 제가 웹 개발을 처음 시작할 때는 PureCSS로 작업을 했었는데요. JavaScript 만큼이나 CSS생태계도 많은 부분에서 변화와 발전이 이루어지고 있는 것 같습니다.

The State of CSS 2022

Stateofcss

The State of CSS 2022

다음 내용이 궁금하다면?

지금 간편 가입하고 다음 내용을 확인해 보세요!

또는

이미 회원이신가요?

2022년 12월 14일 오전 12:01

 • 

저장 54조회 3,832

댓글 0