SMACSS : 복잡한 CSS를 관리하는 5가지 스타일 가이드

SMACSS_표지(단면)

조나단 스눅 지음 | 박소은 옮김
120쪽 | 172*225mm | 13,000원
ISBN-13 978-89-6626-169-7 (13000)

참고 사이트

’12장 전처리기’ 내용 보충 – SASS 설치 방법

추천의 글

CSS 숙련자라 할지라도 더 좋은 코드를 작성하기 위한 고민은 끝이 없을 것입니다. id, class 이름을 어떻게 작성하는 것이 좋을까? 선택자 깊이는 어느 정도가 적당할까? 모듈화를 어떻게 진행할까? 전역 속성과 지역 속성을 어떤 방법으로 분리할까? 어떻게 하면 반복되는 코드를 줄이고 재사용률을 높일까? Sass/LESS 와 같은 전처리기는 어떤 원리로 동작할까? 이런 고민을 하던 와중에 SMACSS라는 CSS 개발 방법론을 알게 됐습니다. 2년 전 트위터에 누군가 SMACSS 책을 번역해 주면 좋겠다고 글을 올린 적이 있는데 박소은 님께서 제 소원을 짠 하고 이뤄 주셨네요. 초심자에게는 시행착오를 줄이는 지름길이, 숙련자에게는 자신의 개발 스타일을 다시 한번 점검하는 계기가 되기에 충분한 내용이라고 생각합니다. – 정찬명(SK planet 프론트엔드 개발자)

책 소개

SMACSS는 Scalable and Modular Architecture for CSS의 줄임말로, 점점 복잡해지고 관리하기 어려워지는 CSS를 효과적으로 쓸 수 있도록 돕는 스타일 가이드입니다. SMACSS는 스타일을 다섯 가지로 분류하고, 각 유형에 맞는 선택자(selector)와 작명법(naming convention), 코딩 기법을 제시합니다. 이를 통해 코드를 재사용하고 유지보수하기 쉽고, 확장이 가능한 모듈형 형태로 작성할 수 있습니다. 이 책은 SMACSS가 제안하는 CSS 작성 규칙을 소개하고, 간단한 예제를 통해 사용 방법을 보여 줍니다.

SMACSS의 다섯 가지 CSS 규칙

① 기초(Base)
② 레이아웃(Layout)
③ 모듈(Module)
④ 상태(States)
⑤ 테마(Theme)

저자 소개

조나단 스눅. 1994년부터 취미로, 1999년부터는 직업으로 웹 사이트를 만들고 있는 웹 개발자이자 디자이너이다. 웹 개발에 관한 팁과 요령, 서평 등을 올리는 블로그(Snook.ca)를 운영하고 있다. 『The Art and Science of CSS』(SitePoint), 『Accelerated DOM Scripting』(Apress)을 공동 저술했고, 잡지 「.net」과 웹 사이트 ‘A List Apart’, ‘SitePoint’에 글을 쓰기도 한다.

역자 소개

박소은. 고려대학교 경제학과를 졸업했다. 재학 시절 조금씩 맛보던 통계 프로그래밍에 흥미를 느껴 소프트웨어 프로그래밍에 입문했다. NHN NEXT를 졸업하고 현재 카카오에서 서비스 개발을 하고 있다. 머리로 아는 코드와 손으로 짜는 코드의 차이를 줄이기 위해 끊임없이 노력 중이다.