CSS preprocessor 장점 단점

What are the advantages of using CSS preprocessors?

CSS 전처리기를 사용할 때, 장점은 무엇입니까?

 

나의 답변

CSS를 작성 할 때, 프로그래밍적 요소(변수, 함수, 상속)을 사용하여 도움을 주는 도구입니다.

 

추가 학습내용

• CSS preprocessor은 CSS를 좀더 촘촘하고 DRY 방법론에맞추어 개발할 수 있게 합니다.

• CSS preprocessor를 사용하여 유지보수가 쉽고 확장에 용이한 CSS를 만들 수 있게 됩니다.

CSS preprocessor 장점

1. 재사용성: 공통 요소 혹은 반복적인 항목을 변수, 함수로 대체 가능합니다.
2. 시간적 비용 감소: 임의 함수 및 Built-in 함수로 인해 개발 시간적 비용을 절약할 수 있습니다.
3. 유지 관리: 중첩, 상속과 같은 요소로 인해 구조화된 코드로 유지 및 관리가 용이합니다.

 

CSS preprocessor 단점

중첩으로 인해 CSS의 양이 방대해지는 것을 단점으로 뽑을 수 있습니다.

또한 기존의 디자이너 혹은 퍼블리셔의 입장에서는 프로그래밍적인 요소의 이해가 필요하기 때문에 실무에서 쉽게 적용되지 않고 있습니다.

 

참고

https://kdydesign.github.io/2019/05/12/css-preprocessor/

https://stackoverrun.com/ko/q/7847336