본문 바로가기
Programing/CSS

유지 보수

by june._.note 2016. 9. 17.

규모가 큰 사이트가 되면 유지보수를 효율적으로 해서 프로젝트의 복잡도를 낮추는 것이 정말 중요한 일. 


따라서 대규모의 CSS 시스템을 구축할 때 여러가지 테크닉이 필요함.



  • Link와 import 
    두 방법 모두 같은 방식. 수많은 사이트들의 공통적인 CSS를 하나의 CSS파일로 관리하면 추후 유지보수시 편리함이 있음.
    • <link rel="stylesheet" href="style.css">
    • <style>@import url("style.css")</style> : CSS 내부에서 다른 CSS를 호출할 떄 사용

  • 코드 경량화(minify)
    CSS는 네트워크를 통해서 전송되며 CSS크기가 커지면 생산자와 소비자 모두에게 손해임. 따라서 코드의 크기를 줄이는 것을 통해 이런 문제를 완화해주는 도구가 minify 도구. ( http://adam.id.au/clean-css-online/)

  • Preprocessor
    CSS에 편리한 기능을 더한 새로운 언어를 만들고 이 언어에 따라 작성한 코드를 결과적으로 CSS를 만들어주는 도구.
    • stylus
    • cass
    • less

preprocessor와 관련해서는 좀더 나아가서 공부해 보는 것으로.




2016.09.17 생활코딩 (https://opentutorials.org) 참조

'Programing > CSS' 카테고리의 다른 글

CSS 기초 스터디 Note  (0) 2016.09.15