찾기
내용으로 건너뛰기
추적
문서의 이전 판을 선택했습니다!
저장하면 이 자료로 새 판을 만듭니다.
미디어 파일
{{tag> sass Scss css 컴파일러}} ====== Sass (SCSS) ====== 웹에서는 CSS만 동작함. Sass 는 CSS의 확장이다. CSS는 불편하니 일단 배제하고 우선 전처리기로 작성(코딩)함. 전처리기는 CSS 문법과 굉장히 유사하지만 선택자의 중첩(Nesting)이나 조건문, 반복문, 다양한 단위(Unit)의 연산 등… 표준 CSS 보다 훨씬 많은 기능을 사용해서 편리하게 작성할 수 있다. 단, 웹에서는 직접 동작하지 않으니 이렇게 작성한 전처리기를 웹에서 동작 가능한 표준의 CSS로 컴파일(Compile)함. 전처리기로 작성하고 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 강좌 – 한 눈에 보기]]
2+1?
이 필드는 비어 있도록 유지하세요:
저장
미리 보기
취소
편집 요약
참고: 이 문서를 편집하면 내용은 다음 라이선스에 따라 배포하는 데 동의하는 것으로 간주합니다:
CC Attribution-Noncommercial-Share Alike 4.0 International
문서 도구
문서 보기
이전 판
연결문서
맨 위로
다크 모드로 보기
☀️
Toggle Menu
기술
너두 고쳐두 됩니다.
사이트 도구
최근 바뀜
미디어 관리자
사이트맵
사용자 도구
등록
로긴
최근 수정된 문서
start-up_stopped
semen_analysis
[정액검사결과 정상치]
페러데이_저가_투어
[페러데이 저가 투어]
php
[safe mode 를 사용하라]
complex_regional_pain_syndrome
dj_java_decompiler
[자바 디컴파일러 (Dj Java Decompiler)]
std024
↷ 링크가 이동 작업으로 인해 적응했습니다
misuse_preca4
↷ 링크가 이동 작업으로 인해 적응했습니다
misuse_nobason6
↷ 링크가 이동 작업으로 인해 적응했습니다
herpes_simplex
↷ 링크가 이동 작업으로 인해 적응했습니다
임신_중_음부포진_감염
↷ 링크가 이동 작업으로 인해 적응했습니다
외음부
↷ 링크가 이동 작업으로 인해 적응했습니다
genital_herpes
연성하감
↷ 링크가 이동 작업으로 인해 적응했습니다
섹스
↷ 링크가 이동 작업으로 인해 적응했습니다
성병예방_치료
↷ 링크가 이동 작업으로 인해 적응했습니다
성병
↷ 링크가 이동 작업으로 인해 적응했습니다
