본문 바로가기
::public/HTML & CSS(SCSS)

SCSS?

by 해맑은욱 2021. 5. 10.

CSS Preprocessor(CSS 전처리기)

; 종속형 시트(CSS)로 해석 및 컴파일되는 스크립트 언어.

대규모 프로젝트 진행시에 상용하는 경우가 많음.

 

-

[참고] Sass Guidelines - https://sass-guidelin.es/ko/

-

 

[컴파일 방법]

SassMeister

페이지 접속 후 바로 Sass나 SCSS 문법으로 코딩하면 CSS로 실시간 변환됨.
HTML를 작성하여 적용된 결과를 보거나 Sass 버전 설정 등 여러 환경 설정들을 지원함.

Parcel

웹 애플리케이션 번들러 Parcel은 굉장히 단순하게 컴파일할 수 있음.
node.js 나 NPM 이 사용 가능한 환경이어야 하고 Parcel를 전역으로 설치해야 사용 가능함.

설치 및 사용방법은 [참고]heropy.blog/2018/01/20/parcel-1-start/

-node.js 를 설치(npm 자동 설치됨) parcel을 인스톨해야 사용 가능.

 

'::public > HTML & CSS(SCSS)' 카테고리의 다른 글

SCSS - 데이터 종류  (0) 2021.07.02
SCSS - 주석  (0) 2021.07.02
CSS - Grid  (0) 2021.04.28
CSS - Flex(Flexible Box)  (0) 2021.04.20
CSS - 애니메이션&다단  (0) 2021.04.12