반응형 웹 디자인은 다양한 크기와 해상도의 디바이스가 증가함에 따라 폭발적으로 성장하고 있는 최신 웹 개발 분야이다. 이 책에서는 실전 예제를 통해 가장 인기 있고 강력한 세 가지 반응형 프레임워크(부트스트랩(Bootstrap), 스켈레톤(Skeleton), 저브 파운데이션(ZURB Foundation))를 설명한다. 또한 궁극적으로 어떤 프레임워크가 프로젝트에 적합하며, 요구사항에 맞게 각각의 프레임워크를 어떻게 효율적으로 사용하고 커스터마이즈 할 수 있는지 이해할 수 있다. 이 책은 이러한 반응형 프레임워크를 통해 프론트 엔드 개발자들이 실제 반응형 웹 사이트를 쉽고 빠르게 구축할 수 있도록 도움을 줄 것이다.

오늘날 가장 강력한 세 가지 반응형 프레임워크인 부트스트랩(Bootstrap), 스켈레톤(Skeleton), 저브 파운데이션(ZURB Foundation) 설명

프로젝트에 적합한 반응형 프레임워크를 결정하는 방법

부트스트랩으로 손쉽게 멋진 제품 출시 페이지 구축

스켈레톤의 유연성을 활용해 독특한 포트폴리오 구축

저브 파운데이션으로 모든 디바이스에서 동작하는 온라인 비즈니스 사이트 구축

CSS의 잠재력을 최대한 활용해 반응형 웹사이트를 개선하는 방법

이 책은 HTML과 CSS에 대해 잘 알고 있으면서, 자신의 기술을 확장하여 모든 스크린 크기에 잘 맞는 반응형 웹사이트를 개발하려는 초보자들을 대상으로 한다.

1장, ‘반응형 웹 디자인’은 반응형 웹 디자인의 기초와 이를 구축하는 데 필요한 개발 도구를 알아보고, 반응형 웹사이트의 좋은 예들을 살펴본다.

2장, ‘스켈레톤으로 반응형 포트폴리오 페이지 구축’은 반응형 그리드 사용법에 대해 설명하고, HTML5로 웹 페이지를 구성하여 첫 번째 프로젝트를 시작한다.

3장, ‘CSS3로 포트폴리오 웹사이트 향상시키기’는 트랜스폼과 트랜지션 같은 CSS3의 몇 가지 기능을 소개하고, 이들 기능으로 반응형 포트폴리오 웹사이트를 향상시키는 방법을 설명한다.

4장, ‘부트스트랩으로 제품 출시 사이트 개발’은 부트스트랩 프레임워크를 소개하고, 반응형 웹사이트를 구축하는 데 필요한 컴포넌트들를 알아본다.

5장, ‘CSS3와 LESS로 제품 출시 사이트 향상시키기’는 CSS3를 작성하는 LESS 함수를 설명하고 이 함수들로 어떻게 반응형 제품 출시 사이트를 유지보수가 쉬우면서도 멋져 보이게 만들 수 있는지 알아본다.

6장, ‘파운데이션 프레임워크로 반응형 비즈니스 웹사이트 구축’은 파운데이션 프레임워크를 소개하고 주요 기능을 알아본다. 또한 비즈니스 목적의 반응형 웹사이트를 구축하는 세 번째 프로젝트를 시작한다.

7장, ‘파운데이션 확장’은 CSS 전처리기인 Sass와 SCSS, 컴파스에 대해 알아본다. 그리고 파운데이션 프레임워크 변수로 웹사이트의 모양을 확장하는 방법을 설명한다.

반응형 웹 디자인은 소비자가 선택할 수 있는 다양한 크기와 해상도의 디바이스가 증가함에 따라 폭발적으로 성장하고 있는 최신 웹 개발 분야다. 이제 인터넷에 접속하는 모든 디바이스에서 잘 동작하는 자신의 웹사이트를 제작하는 방법을 배울 수 있다.

이 책은 실전 예제를 통해 전 세계 전문가들이 사용하고 있는 주요 반응형 프레임워크(부트스트랩과 스켈레톤, 저브 파운데이션)를 설명한다. 궁극적으로 어떤 프레임워크가 프로젝트에 적합하며, 또한 요구사항에 맞게 각각의 프레임워크를 어떻게 효율적으로 사용하고 커스터마이즈 할 수 있는지 이해하게 될 것이다.

또리끄 피르다우스(Thoriq Firdaus)

그래픽 및 웹 디자이너이며 인도네시아에 살고 있다. 지난 5년 동안 신생 벤처회사부터 유명 기업, 세계적인 기관에 이르는 다양한 고객들과 웹 디자인 프로젝트를 수행해 왔다. HTML5와 CSS3에 대한 열렬한 옹호자로, 이 주제로 http://www.hongkiat.com/과 자신의 블로그인 http://creatiface.com/에 정기적으로 글을 게재하고 있다. 또한 지역 대학과 기관에서 웹 디자인에 대한 강의를 진행하고 있다.

에이콘 출판사와의 인연으로 ‘반응형 웹 디자인(HTML5와 CSS3로 작성하는)’이라는 좋은 책을 만난 것이 정확히 2년 전의 일이었다. 처음 반응형 웹 디자인에 대한 책을 펴냈을 때만 해도 반응형 웹 디자인은 국내에서 익숙한 용어가 아니었으며 관련 자료도 많지 않은 실정이었다. 그사이 관련 책도 많이 출간되었고, 국내에서도 반응형 웹 디자인을 적용한 웹사이트들이 많이 늘어났다. 또한 책을 읽은 독자들로부터 책을 통해 반응형 웹 디자인이 무엇인지에 대한 궁금증을 해소할 수 있었다는 감사의 말씀도 많이 전해 들었다. 하지만 여전히 반응형 웹 디자인으로 웹사이트를 구축하는데 있어 많은 개발자들이 어려움을 겪고 있는 것이 현실이다.

그런 의미에서 만 2년 만에 다시 접하게 된 이 책은 많은 프론트 엔드 개발자들이 현실적으로 당면하고 있는 구현 문제를 해결하는 데 큰 도움이 될 것으로 기대한다. 실제 웹사이트 구축에 바로 적용할 수 있는 다양한 예제와 충분한 설명, 그리고 이 책에서 소개하고 있는 가장 인기 있고 강력한 세 가지 반응형 프레임워크(부트스트랩과 스켈레톤, 저브 파운데이션)를 활용하면 누구나 쉽고 빠르게 반응형 웹 사이트를 구축할 수 있을 것이라고 확신한다.

류영선

소프트웨어 엔지니어로서 오랫동안 웹브라우저와 웹서버를 개발했다. 그 경험을 바탕으로 현재는 W3C 및 다양한 국제 표준화 단체에서 웹과 관련된 표준화 업무를 담당하고 있다. 최근에는 웹 기술을 PC에서 벗어나 Mobile이나 DTV, Digital Signage, Wearable, 자동차 등 다양한 IoT 디바이스에 접목하는 Open Web Platform에 관심을 가지고 관련 기술에 대한 연구를 계속하고 있다. 역서로 에이콘 출판사에서 펴낸 『반응형 웹 디자인』(2012)이 있다.