본문 바로가기
front-end/css

CSS 전처리기 preprocessor

by Dreaming Coder 2021. 1. 17. 11:15

 


이 포스팅은 PC로 작성되었습니다.

모바일로 보시는 분들에게는 가끔

줄 바꿈이 어색하게 보일 수 있습니다.

 


 

 

 

지난 포스트

 

CSS 코드 경량화 minify

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, link와 import 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분

gogogameboy.tistory.com

 

 

 

생활코딩 강의 영상으로 공부해보는 CSS 공부도 거의 마지막을 달리고 있습니다.

이번에 공부할 내용은 솔직히 제 개인적인 생각으로는 배울 필요가 없다고 생각해서 그냥 영상만 링크하고 넘어가겠습니다.

저도 공부를 하고 있는 입장이기 때문에 제가 이 기능의 대단한 점을 모르고 있는 것일 수도 있지만.. 일단 궁금하신 분들은 영상들을 봐보시기 바랍니다.

 

 

 

CSS 프리프로세서

 

 

 

 

현재의 코린이인 제가 느끼기에는 이 작업은 마치..

이 세상에 아주 완벽한 영어 번역기가 있다고 칩시다. 절대 엉뚱한 번역을 하지 않는 진짜 완벽한 번역기인데, 대신 일본어를 영어로 번역하는 것만 가능합니다.

영어를 하고 싶은데 영어를 할줄 모르고, 일본어도 할 줄 모릅니다.

그런데 영어를 하고 싶지만, 그 완벽한 영어 번역기를 쓰기 위해서 영어 대신에 일본어를 배우는 느낌..?

그렇다고 일본어를 배우는 것은 또 쉽느냐.. 일본으로 유학을 가서 일본어를 배우기 위해서 비자도 따야 하고, 각종 관련 서류들도 엄청 복잡하게 준비를 해야 합니다..

위의 작업들은 마치 그런 작업처럼 느껴졌습니다.

 

어차피 CSS를 사용할 건데 CSS의 문법을 스스로 작성할 수 있도록 공부하는 것이 좋지 않을까 싶습니다.

위의 영상들의 마지막에도 이고잉 님이 말씀하십니다. 어렵지만 중요하지 않은 거라고..

 

 

 

 

Expressive, dynamic, robust CSS — expressive, robust, feature-rich CSS preprocessor

Expressive, dynamic, robust CSS CSS needs a hero body { font: 12px Helvetica, Arial, sans-serif; } a.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } What if we could omit braces? body font: 12px Helvetica, Arial, sans-se

stylus-lang.com

혹시 그래도 도전해보실 분들을 위해서 위의 영상에서 나온 stylus 사이트의 링크를 걸면서 글을 마칩니다.

 

 

 

 

 

 

다음 포스트

 

CSS 폰텔로 fontello 사용법

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS 전처리기 preprocessor 이 포스팅은 PC로 작성되었습니다. 모바일로 보

gogogameboy.tistory.com

 

 

 


이 글이 도움이 됐다면 하단의 공감 버튼을 꾹 눌러서
빨간 하트로 만들어주세요.
지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.

 


 


댓글