---
title: CSS 전처리기
slug: Glossary/CSS_preprocessor
tags:
  - CSS
  - Glossary
translation_of: Glossary/CSS_preprocessor
---
<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>

<p><span class="seoSummary"><strong>CSS 전처리기는</strong> 전처리기의 자신만의 특별한 {{Glossary("syntax")}}를 가지고 {{Glossary("CSS")}}를 생성하도록 하는 프로그램입니다.</span> 선택할 수 있는 많은 CSS 전처기가 있습니다. 그러나 대부분의 CSS 전처리기는 pure CSS에 존재하지 않는 특징을 추가할것 입니다, 믹스인(mixin), 중첩 셀렉터(nesting selector), 상속 셀렉터(inheritance selector), 기타 등등. 이러한 특징은  CSS 구조를  가독성있고 더 유지보수 하기 좋게 합니다. </p>

<p>CSS 전처리기를 사용하기 위해서는, 당신의 웹 web {{Glossary("server")}}에 CSS compiler를 설치해야 한다.</p>

<h2 id="Learn_more">Learn more</h2>

<h3 id="General_knowledge">General knowledge</h3>

<p>여기 가장 일반적인 CSS 전처리기들이 있다:</p>

<ul>
 <li><a href="http://sass-lang.com/">SASS</a></li>
 <li><a href="http://lesscss.org/">LESS</a></li>
 <li><a href="http://stylus-lang.com/">Stylus</a></li>
 <li><a href="http://postcss.org/">PostCSS</a></li>
</ul>