프로덕트 디자인시 스타일링 문법 SaSS는 선택 관문?

프로덕트 디자인시 스타일링 문법인 SaSS (CSS Preprocessor) 를 알아야 할까? 물론 아닐 수도 있고 일 수도 있습니다. 저는 개인적으로 다양한 컴포넌트와 화면을 설계 해야할 때, laaS,SAAS,Pass 등 클라우드 환경에서 개발됨에 따라 오픈소스와 함께 프론트엔드 개발자들과 디자이너에게 자바스크립트만큼 SaSS는 컴포넌트구성에 필요한 요소들을 아주 강력하고도 변수하나로 모든 요소들에 쉽게 영향을 줄 수 있다는 큰 장점을 이번 프로젝트를 통해서 경험하게 되었습니다. 추후에 Git에서 배포 및 수정하기에도 매우 용이합니다. 그만큼 디자인 시스템을 잘 구축한 후에도 테마변경이나 프라이머리 컬러가 변경될 경우에도 CSS의 불편함을 Sass(SCSS)로 컴파일러 된 환경에서 보다 쉽게 관리할 수 있다는 점입니다. Sass를 통해 디자인시스템 가이드에 따라 프론트개발환경에서 직접적으로 SaSS 코딩을 수정하면서 직접 테스트를 하였던 점 때문에 SaSS와 디자인시스템은 이제 뗄레야 뗄 수 없는 공존의 관계가 되었습니다. 리액트,앵귤러,뷰 등등 다양한 프레임워크와 디자인시스템의 기본 머터리얼 및 부트스트랩과 함께 사용되는 SaSS는 디자이너가 알고 있으면 든든한 스타일링 지원군인만큼 2022년 가장 인기있는 스타일링 언어로 집계되었습니다. 생소하지만 그래도 부딪혀 배워두면 더욱 매력을 느끼게하는 언어입니다 😀 출처:본인경험담 #scss #designsystem