생활코딩

Coding Everybody

코스 전체목록

닫기

CSS 뛰어넘기 (preprocessor)

CSS는 뛰어난 언어입니다. 하지만 CSS가 모든 면에서 좋을수는 없습니다.  그래서 어떤 이들은 CSS에 편리한 기능을 더한 새로운 언어를 만들고 이 언어에 따라서 작성한 코드를 어떤 프로그램으로 실행시키면 결과적으로 CSS를 만들어주는 도구들을 개발했는데요. 이런 도구를 preprocessor이라고 합니다. 여기서는 이런 도구들의 개념과 간단한 사용법을 알아봅니다. 

아래는 대표적인 preprocessor들입니다. 

아래는 이런 도구들에 대해서 비교한 사이트입니다. 

preprocessor란 무엇일까요? 

에디터의 확장 기능을 이용해 컴파일

 명령어를 이용해서 컴파일

Stylus의 문법

 

 

 

 

 

 

 

 

 

 

 

 

 

댓글

댓글 본문
  1. 덕자
    완료!
  2. DreamBoy
    2023.09.24. CSS - 유지보수 - CSS 뛰어넘기(preprocessor) 파트 수강했습니다.
  3. INJE
    22/03/19
  4. 드림보이
    2021.11.23. CSS 뛰어넘기 (preprocessor) 파트 수강완료
  5. choi
    완료
  6. jeisyoon
    2021.06.24 CSS preprocessor - OK
  7. 와 스타일러스부터 뭔소린지 모르겠다........
  8. 감사합니다(눈요기)
  9. 박병진
    유보하겠습니다. 다음에 필요하면 추가로 배우겠습니다. 이고잉 프로그래머 선생님
  10. 김남규
    이고잉님 집사 시군요
  11. 한강
    preprocessor stylus 잘 배웠습니다.
    200617
  12. green diseny
    stylus node.js 깔아서 초반 문법만 연습해보기!!!!
  13. yunibody@gmail.com
    감사합니다
  14. Blanc
    2020.01.06
  15. hsak0601
    감사합니다
  16. 류석현
    학업에 때문에 강의를 너무 소홀히 했네요.. 한 1주일은 안본거같은데 다시 처음부터 봐야할까요?
  17. 류석현
    수강완료!!!
  18. 다나가
    190808 - 수강완료
  19. testrestbestwest
    강의 모두 들었습니다.
    감사합니다.
  20. 박지성
    축구에서 중요한 건 나 자신을 뛰어넘는 것이라 생각하기 때문에
  21. lygon
    2019-03-12 완료
  22. 김민영
    완료
  23. 스페이스몽키
    다음에 다시 와서 보겠습니다...
  24. 제갈량
    SASS하고 좀 달라서 이해하기가 좀 어렵네요;;;
  25. 푸른하늘
    12일차 공부 감사합니다
  26. 고고싱
    앙기모딩
    다봤어여
    클라이언트 다봐야하는데~~
  27. jimmyzip
    ^^ css 수업 완주했습니당.
    좋은 강의 감사합니다.

    svg로 해보고 싶은 것이 있어서, svg를 따로 연습한 후에
    자바스크립트로 넘어가야겠네요

    감사합니당~~
  28. php가 첫취업?
    css도 커스터마이징한 시스템들이 여러가지들이 존재하네요.
  29. 광뀨
    완주~~~~
  30. 임지호
    preprocesser : 표준화된 css문법은 아니지만 더 편리하게 개인이 커스터마이징한 기능들을 쓸 수 있고 그것을 css표준문법으로 변환해주는 기술
  31. 지선
    sass수업도들었는데요~sass대신이걸써도될까요?
  32. 짱구
    감사합니다!!!
  33. 코딩신
    유용한 강의 너무너무 재미있게 잘 들었습니다 !!
  34. Mike Kang
    CSS 강의 완주 완료!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기