대구교육대학교 전자책도서관

책소개

Front-End의 CSS를 하다 보면 어렴풋이 들려오는 Sass.
Sass가 효율적인 스타일 적용에 도움이 된다 하지만, 막상 Sass를 공부하려니 주저하셨나요? Sass에 대한 공부 부담을 조금은 내려놓을 수 있도록 쉽고 간단하게 정리해 놓았습니다.
"40분 만에 훑어보는 Sass" 이름 그대로 부담 없이 훑어보셔서, Sass가 무엇이며 안에 어떤 내용들이 있는지 함께 확인해보아요!
※ 온라인 강의 '40분 만에 훑어보는 Sass'에서 Notion 페이지를 제공합니다.

저자소개

저자 : 박나연
주식회사 위니브의 연구원입니다.

## Chapter 1. 강의소개 및 환경설정
1. 강의 특징
2. Sass를 쓰는 이유
3. Sass
    3-1 Sass 란
    3-2 Sass 기술방식 2가지
    3-3 환경 세팅
    3-4 번외
## Chapter 2. 파일분리와 Nesting
1. 파일 분리 및 주석
    1-1 파일분리
    1-2 파일명 앞에 언더바를 붙이는 이유
    1-3 주석
2. 중첩(Nesting)
    2-1 중첩
    2-2 속성 Nesting
    2-3 앰퍼샌드
    2-4 @at-root
3. 전체 실습코드
## Chapter 3. 변수(Variable)
1. CSS에서 변수라니?
2. 변수 생성하기
3. 변수 type
4. Lists, Maps
5. 변수의 Scope(변수의 유효범위)
6. Operator
7. 전체 실습 코드
## Chapter 4. Mixin
1. Mixin이란
2. Mixin 사용하기
3. Arguments
4. Content
5. 전달인자 없는 믹스인
6. 예시
7. 전체 실습코드
## Chapter 5. Extend
1. Extend
2. Extend 하는 2가지 방법
    2-1 class이름 가져오기
    2-2 %placeholder 사용하기
3. 예시 : 모달
4. 예시 : 포토 링크 박스
5. 전체 실습 코드
## Chapter 6. 조건문과 반복문, 함수
1. 조건문
    1-1 @if
    1-2 @else
    1-3 @else if
2. 반복문
    2-1 @for
    2-2 @each
    2-3 @while
3. function
    3-1 function
    3-2 내장함수

책소개

저자소개

목차