SASS

SCSS

8개 레벨

SCSS는 Sass의 확장자로, CSS 작성 방식을 더 효율적으로 만들어줘요. 변수, 중첩, 믹스인 등의 기능을 지원해 코드 재사용과 관리가 쉬워지죠. 따라서 더 깔끔하고 유지보수하기 좋은 스타일시트를 작성할 수 있어요.

공식 웹사이트

SCSS 스킬 여정을 시작하세요

8개의 레벨을 통해 체계적으로 학습하고, 커리어 성장의 기반을 다지세요.

8 레벨 로드맵

단계별 역량 인증

학습 로드맵

8개 레벨

전체 8

Lv 1. SASS 구성요소를 알고 설치할 수 있어요

1. SASS 개념
2. SCSS vs Sass 문법
3. SASS 설치(npm)
4. CLI 컴파일

연습 문제

1.
npm으로 sass를 설치하고 .scss 파일을 CSS로 컴파일해요.
2.
SCSS 파일을 생성하고 간단한 스타일을 적용한 후 변환 결과를 확인해요.

Lv 2. 변수와 중첩을 활용해 스타일을 효율적으로 작성할 수 있어요

Lv 3. 파셜과 모듈화를 통해 SASS 파일을 구조화할 수 있어요

Lv 4. 믹스인과 함수를 사용해 반복 코드를 줄일 수 있어요

로그인하고 더 많은 레벨을 확인하세요

Lv 5. 제어 지시문과 반복문으로 동적 스타일을 생성할 수 있어요

Lv 6. 다양한 기능으로 CSS 코드를 최적화할 수 있어요

Lv 7. 빌드 도구와 연동해 자동화된 워크플로우를 구축할 수 있어요

Lv 8. 실제 프로젝트에 SASS를 적용하고 배포까지 자동화할 수 있어요

이 스킬로 지원할 수 있는 채용공고