찾기
내용으로 건너뛰기
추적
•
pph
•
todo
문서의 이전 판을 선택했습니다!
저장하면 이 자료로 새 판을 만듭니다.
미디어 파일
{{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 강좌 – 한 눈에 보기]]
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
연성하감
↷ 링크가 이동 작업으로 인해 적응했습니다
섹스
↷ 링크가 이동 작업으로 인해 적응했습니다
성병예방_치료
↷ 링크가 이동 작업으로 인해 적응했습니다
성병
↷ 링크가 이동 작업으로 인해 적응했습니다
