Framework의 등장으로 패턴적으로 단순 반복적인 일들이 점점 줄어들고 있다. jQuery의 등장으로 JavaScript의 시대가 시작되었고, 보다 빠르고 간편하게 웹 상에서 기능을 구현할 수 있게 되었다.

그리고 부트 스트랩이 나오면서 디자인에 대한 감각이나 CSS에 능숙하지 않아도 이미 1 dozen(12개)형식으로 분류되는 Grid System을 통해 만들어진 디자인을 그저 class에 정해진 대로 이름만 붙여서 적용하면 되게 되었다.

Bootstrap이란?

Bootstrap은 Twitter의 UX 디자이너가 만든 Ready-made CSS, JS라고 볼 수 있다.

이미 만들어 놓은 CSS와 JS를 그저 HTML 상에 불러놓고, HTML내에다 bootstrap이 정해놓은 class 이름을 적용만 하면 바로 디자인이 적용이 되는 것이다.

Bootstrap이 지원하는 것들

HTML에서 제공하는 대표적인 것들의 디자인을 지원한다.

p, small, strong, em form, fieldset, input, button, image, table 같은 태그 뿐 아니라,

유효성 검증을 위한 컬러나, 진행 중을 나타내는 progress bar, thumbnail도 지원한다. 이런 경우는 jQuery 등을 사용해서 동적으로 사용자에게 입력값을 받을 때 사용하기 용이하다.

또 180가지 폰트 기반 아이콘을 지원하여 여러가지 모양을 넣을 수도 있다.

Plugin 활용

jQuery를 사용하는 Bootstrap은 jQuery UI도 사용할 수 있다.

이 책에서는 Bootstrap과 연동되는 디자인의 다양한 Plugin을 소개하고 있다.

책의 전반적인 내용이 Bootstrap 웹사이트에 나온 부분의 번역 정도에 그쳐 다소 아쉽다.

다양한 웹사이트 레이아웃을 예시로 들어 다양하게 만들어 볼 수 있는 예제가 있었다면 좋았을 것이다.

부트스트랩의 기본 개념을 정리하기에 좋은 책 입니다. 처음 받아 보고는 책이 생각보다 얇고, 컬러가 전혀 없이 흑백으로만 되어 있어서 실망했었습니다. 그런데 내용을 읽어보고 나서 생각이 바뀌었습니다. 책은 얇지만 내용이 알차고, 기본 개념을 정리하기에 좋게 되어 있습니다. 그래도 책의 편집, 구성 및 디자인이 너무 개발자스러운 점은 조금 아쉽습니다.