Css에 대해 알고 있는 모든 것을 잊어버리세요. 아니면 적어도, 많은 것을 재고할 준비가 되어 있어야 합니다. 저처럼 10년 이상 CSS를 써오셨다면, 2020년의 CSS는 여러분이 익숙했던 것과 전혀 달라 보입니다.

브레이크포인트 대신, CSS 그리드를 활용하여 더 적은 양의 코드로 모든 뷰포트 크기에 적응하는 동적 반응형 레이아웃을 만들 수 있습니다. 전역 스타일시트에 의존하는 대신, CSS-in-JS를 사용하면 스타일을 구성 요소와 함께 배치하여 테마 가능한 디자인 시스템을 만들 수 있습니다.

그리고 무엇보다도, Tailwind CSS가 등장했고, 이것의 유틸리티-우선 CSS 사용은 우리로 하여금 의미론적인 클래스 이름에 대한 전통적인 신조를 다시 생각해보게 하였습니다.

이 모든 변화가 여러분이 과장된 블로그 글을 쓰도록 만들든, 화가 난 트위터를 쓰도록 만들든 관계없이, 우리는 CSS의 또 다른 파란만장한 한 해를 통해 데이터를 제시하고, 트렌드를 강조하며, 바라건데 여러분을 안내하기 위해 여기에 있습니다!

팀

State of CSS 설문 조사를 제작 및 유지하는 팀:

• Sacha Greif: 디자인, 작성, 코딩
• Raphaël Benitte: 데이터 분석, 데이터 시각화

조사 데이터 다운로드

이 조사에 대한 원시 JSON 데이터를 다운로드할 수 있습니다. 만약 직접 데이터를 시각화하는 무언가를 만들게 된다면 우리에게 알려주세요!

기타 링크

• State of CSS 홈페이지
• State of JS

감사

Chen Hui-Jing, Philip Jägenstedt, Adam Argyle, Ahmad Shadeed, Robert Flack, Dominic Nguyen, Fantasai, Kilian Valkhof를 포함하여 저희를 도와 설문을 디자인해주신 모든 분들께 감사드립니다.

번역과 관련하여 Alexey Pyltsyn 님의 도움에 감사드립니다.

Credits & Stuff

이 사이트는 IBM Plex Mono 폰트로 구성되어 있습니다. 질문이나 피드백이 있다면 연락주세요!

이제, 올해 CSS가 어떤 성과를 거두었는지 알아보도록 하겠습니다!

– Sacha 와 Raphaël