규모가 큰 사이트가 되면 유지보수를 효율적으로 해서 프로젝트의 복잡도를 낮추는 것이 정말 중요한 일.
따라서 대규모의 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 |
---|