찾기
내용으로 건너뛰기
추적
문서의 이전 판을 선택했습니다!
저장하면 이 자료로 새 판을 만듭니다.
미디어 파일
{{tag> sass Scss css 컴파일러}} ====== Sass (SCSS) ====== 웹표준에서는 CSS만 동작함. Sass 는 [[CSS]]의 확장이다. SASS는 CSS 문법과 굉장히 유사하지만 선택자의 중첩(Nesting)이나 조건문, 반복문, 다양한 단위(Unit)의 연산 등… 표준 CSS 보다 훨씬 많은 기능을 사용해서 편리하게 작성할 수 있다. 단, 웹에서는 직접 동작하지 않으니 이렇게 작성한 전처리기를 웹에서 동작 가능한 표준의 CSS로 [[#컴파일러|컴파일(Compile)]]함. > (!) Sass 로 작성하고 CSS로 컴파일해서 동작시킨다. =====SASS vs. SCSS===== Sass는 SASS 표기법(.sass)과 SCSS 표기법(.scss)이 있다. 이전 버전에서는 SASS 표기법이 기본 표기법이었으나 Sass 3.0부터 CSS 친화적인 SCSS（Sassy CSS） 표기법이 기본 표기법이 되었다. Sass와 SCSS의 기능은 동일하고 SCSS 문법만 다르다. [[https://heropy.blog/2018/01/31/sass/|문법 비교 참조]] =====특징===== CSS와 비교하여 다음과 같은 추가 기능과 유용한 도구들을 제공한다. * 변수의 사용 * 조건문과 반복문 * Import * Nesting * Mixin * Extend/Inheritance =====컴파일러===== * [[https://github.com/sass/node-sass|node sass]] - 바탕이 되는 [[https://sass-lang.com/libsass|LibSass]] 가 개발중단됨. * [[https://sass-lang.com/dart-sass|Dart Sass]] =====문법===== [[https://velopert.com/1712|Sass 강좌 – 한 눈에 보기]]
저장
미리 보기
취소
편집 요약
참고: 이 문서를 편집하면 내용은 다음 라이선스에 따라 배포하는 데 동의하는 것으로 간주합니다:
CC Attribution-Noncommercial-Share Alike 4.0 International
문서 도구
문서 보기
이전 판
연결문서
맨 위로
다크 모드로 보기
☀️
Toggle Menu
기술
너두 고쳐두 됩니다.
사이트 도구
최근 바뀜
미디어 관리자
사이트맵
사용자 도구
등록
로긴
최근 수정된 문서
isotretinoin
[남성 주의사항]
불륜
[증거]
타바코씨_처럼_이혼
외도
[밥 투정하다 이혼한 슬픈 이야기... (2ch)]
친자확인
[친자확인]
vaginal_candidiasis
[증상]
자연임신확률
[자연 임신 확률]
도쿠위키
test
만듦
엑소크래프트
nms
엑소
제거됨
갈라지는_공허_알
sleep-deprivation
↷ 링크가 이동 작업으로 인해 적응했습니다
무역
the_hitchhikers_guide_to_the_galaxy_2005
vaslor.net
제거됨
