css 전처리기(Preprocessor)란?

728x90

SMALL

CSS 전처리기란 간단히 CSS파일을 만들기 위해 미리 처리를 하는 것을 말한다.

SCSS(SASS)와 CSS의 차이에 대해서 포스팅할 때

SCSS의 유일한 단점으로 꼽았던 것 SCSS(SASS) 파일은 브라우저가 바로 인식할 수 없기 때문에 브라우저가 인식할 수 있는 CSS로 변경하기 위한 컴파일 과정을 거쳐야만 하는 것이라고 했었는데

SCSS(SASS) CSS 차이

SCSS의 필요성 CSS의 단점 1. 선택자(Selector)을 만들때 매번 불필요한 부모요소 선택자를 적어야 한다. 2. 규모가 큰 프로제트의 경우 자동화하기 어렵고 모든 것을 수정으로 변경해야 한다. .SCSS 사

moo-you.tistory.com

예전에는 이 과정이 다소 복잡했기 때문에 사용하기가 어려웠다.

이런 모든 것들을 비주얼 스튜디오 코드의 Live Sass Compiler 익스텐션으로 해결할 수 있다.

Live Sass Compiler라는 익스텐션은 작성한 sass 파일을 css로 Live로 컴파일해주는 비쥬얼 스튜디오 익스텐션이다.

그러니까 컴파일(Compile) 하는 작업을 하는 애를 CSS 전처리기(Preprocessor)라고 한다.

728x90

LIST

Sass(Scss) Shadowing 그림자 효과 (0)	2022.01.02
Sass variable(Scss 변수) (0)	2021.12.27
비쥬얼 스튜디오 코드 Live Sass Compiler (0)	2021.10.30
SCSS와 SASS 차이 (0)	2021.10.25
SCSS(SASS) CSS 차이 (0)	2021.10.24

mooyou