깔끔하고 확장 가능한 웹 스타일시트를 위한 Sass와 SCSS

웹 프로젝트가 성장함에 따라, CSS 스타일시트는 종종 너무 크고 반복적이며 유지보수하기가 너무 어렵습니다. Sass와 SCSS는 스타일링 작업 과정에 강력한 프로그래밍 개념을 도입하여 이 문제를 해결합니다. 이 교육 과정에서는 혼란스러운 스타일링 워크플로우를 구조화된 스타일링 워크플로우로 변환하는 과정을 안내합니다. CSS 전처리의 모든 기능을 활용하여 읽기 쉽고 작성 속도가 빠르며 대규모 프로젝트에서 손쉽게 확장 가능한 스타일시트를 작성하는 방법을 배웁니다. 무엇을 배울 것인가: - 기본적인 프리프로세서 개념과 Sass가 표준 CSS로 컴파일되는 방법을 배우세요 - 반복적인 스타일링 패턴을 제거하기 위해 마스터 변수, 중첩 및 부모 셀렉터 - @use 와 @forward 를 사용하여 현대적인 Sass 모듈을 적용하여 스타일을 깔끔하게 구성 - mixins, 기능, 및 상속을 가진 재사용 가능한 스타일 청사진을 창조하십시오 - 수학 연산 및 모바일 우선 미디어 쿼리를 사용하여 반응형 레이아웃을 설계 - Sass를 동적 런타임 스타일링을 위한 최신 CSS 사용자 지정 속성과 통합 핵심 용어를 배우고 컴파일 환경을 설정하는 것으로 시작하여 단계별 서면 설명과 실제 프로젝트에 대한 스타일시트 구조를 보여주는 실용적인 코드 예제를 통해 진행합니다. 이 과정은 이미 기본적인 HTML과 CSS를 알고 있으며 전문가 수준의 스타일시트를 작성할 수 있는 기술을 업그레이드하고자 하는 웹 디자이너와 프런트 엔드 개발자를 위해 설계되었습니다. 명령줄 도구나 전처리기에 대한 이전 경험은 필요하지 않습니다. 오늘 더 깨끗하고 빠른 스타일시트 작성을 시작하세요.