책이 세상을 바꾼다

2014년 11월 어느날의 편집일기 중에서...

“이제 드디어 내가 남자가 되어간단다.”

작은 방 문이 언젠가부터 밖에서 열리지 않는다. 문제다 싶어 분리해보기로 했다. 일단 분리하고 내부를 살펴보면 뭔가 답이 나오지 않을까 해서다. 참 무모했다. 차리라 인터넷으로라도 문고리에 관한 검색을 하고 좀 배우고 했더라면 좋았을 것을. 문고리를 해체하고 나도 모르게 문을 닫았다. 

허걱. 갇혔다. 식은땀이 나고 왠지 모를 폐쇄공포증이 살짝 온다. 애엄마에게 어떻게 좀 해보라고 얘기한다. 결국 119에 신고했다. 몇명이 떼로 몰려와 문을 열어주니 이때의 쪽팔림이란. 아무튼, 이때 인터넷으로 문고리 주문하고 사전에 어떻게 해야 할지 열심히 연구해서 결국 새 문고리를 다는 데 성공했다. 

열심히 준비해도 중간에 시행착오가 한번 있었다. 안쪽과 바깥쪽을 연결해주는 사각고리가 삽입이 안 되는 것이다. 십여 분을 씨름하다 결국 삽입하는 데 성공했다. 매뉴얼에는 여는쪽과 닫는쪽이라는 단어를 사용해서 혼란을 주었고 사각고리를 넣을 때 버튼을 눌러서 넣어야 하는데, 매뉴얼이 너무 부실한 것이다. 아무튼 우여곡절 끝에 성공했다.

이제는 스위치 교체 도전. 스위치가 부실한 건지, 버튼이 몇 개가 고장이 났다. 안방과 화장실 두군데다. 스위치를 사놓고 엄두를 못 내다 이번 문고리 사건으로 용기를 냈다. 다시 인터넷 뒤져서 도전해보았다. 

우선 전등 스위치를 차단해야 한단다. 아무리 봐도 안 쓰여 있다. 다시 찾아보니 보통 첫번째 버튼이 전등이란다. 스위치를 내리고 전등을 켜보니 불이 안 들어왔다. 과감하게 기존 스위치 뜯어보고 연결선 제대로 확인하고 교체하였는데, 이런~ 위 아래가 바뀌었다. 다시 새 스위치에 연결된 전선을 뽑으려 하니 이거 참 난감하다 아무리 해도 안 된다. 

땀은 범벅이 되었다. 겨우 애엄마의 도움으로 해결하고 스위치 교체 완성. 그리고 그 다음날 화장실 스위치까지 교체. 참 별거 아닌 건데 이렇게 애간장을 태웠다. 이래서 DIY를 해보는 건가 보다. 힘들지만 보람이 있어서. 복잡한 DIY에 비할 건 아니지만.

“사람이 많이 가지면 가질수록 불편함은 줄어들겠지만 행복이 늘어나는 것은 아니다.”

재능도 마찬가지인 듯. 재능을 찾아가는 게 행복이지 재능을 많이 가졌다고 행복한 것은 아니다. 단순히 집안 스위치와 문고리를 가는 것이 누구에겐 별 것 아닌 일이었지만 나에겐 첫경험이었고 도전이었고 힘든 일이었다. 그만큼 성취감이 컸다는 얘기다. 

하지만 이것도 몇번 해보면 성취감은 떨어지고 귀찮아진다. 즉 재능이 한번 내것이 되면 안일해지기 쉽다. 그래서 사람들은 도전하려 하며 미지의 세계를 동경하고 가보려 하는 것 같다. 이미 정상에 도달한 사람을 부러워할 필요는 없는 것이다. 오히려 정상에 있는 저 사람은 다른 도전을 찾아야 하는 사람이고 나보다 행복하다고 볼 수는 없는 것이다. 뚜벅뚜벅 내가 갖지 못했던 것을 성취해나가는 삶, 그곳에서 행복을 얻어가는 삶, 이게 진짜 삶인 것이다.

콘텐츠는 짧든 길든 "감동이 있어야 한다"

소설을 읽을 때 역동적인 스토리, 짜릿한 반전, 아름다운 낭만, 뜨거운 사랑에 감동하듯

전문서를 읽을 때도 뇌속에 팍팍 박혀오는 학습감은 또 다른 감동이다.

소설은 가상이지만, 전문서는 현실이다.

  ● 저자: 양용석

  ● 페이지: 220

  ● 판형: 사륙배판(188*257) 

  ● 도수: 4도

  ● 정가: 22,000원

  ● 발행일: 2014년 11월 20일

  ● ISBN: 978-89-97924-13-4 93000

>> 예제소스 다운로드 클릭

[강컴] [교보] [반디] [알라딘] [예스24] [인터파크]

[샘플원고 보기]

_도서 내용

부트스트랩을 이용해서 요즘 유행하는 싱글 페이지 웹사이트를 디자인해 보고 부트스트랩의 여러 기능을 이용해서 기존에 있던 사이트들을 부트스트랩을 이용하여 재코딩하여 디자인해 봄으로써, 부트스트랩이 얼마나 편리하게 사용될 수 있는지를 깨닫고 배울 수 있는 실무형 책이다. 부트스트랩의 기초지식도 전반부에 자세하게 다루기 때문에 HTML5와 CSS3에 익숙한 독자라면 웹 디자이너로서 한 단계 성장할 수 있는 계기가 될 것이다.

_대상 독자“CSS 스타일링이 너무 번거롭고 어렵고 오래 걸려요.”“반응형 웹사이트까지 고려해야 하니 죽을 맛입니다.”“창의적 디자인요? 그럴 시간이 어디 있어요?”“담당자가 바뀌면 웹 디자인 고치기도 힘들어요.”

이런 고민을 하고 있나요? 당장 부트스트랩을 활용해보세요. 여러분의 디자인 생산성이 50% 이상 올라갈 것입니다. 그리고 남은 시간은 창의적 디자인에 투자하세요.

_목차

1부. 부트스트랩 개발 환경 구축과 구조의 이해

1장_부트스트랩 소개와 사용 방법

1.1 부트스트랩을 설치해보자1.2 부트스트랩을 이용하여 Hello World 출력하기1.3 기본적인 반응형 웹 페이지 예제1.4 써드파티(Third Party) 지원
2장_부트스트랩에서 사용하는 CSS2.1 부트스트랩 레이아웃의 핵심 그리드 시스템 (중요)2.2 타이포그래피2.3 코드와 테이블2.4 폼2.5 버튼과 이미지 그리고 헬퍼 클래스
3장_예제로 배우는 컴포넌트3.1 특수문자 전용 글꼴 처리: Glyphicons3.2 드롭다운3.3 버튼그룹3.4 버튼 드롭다운3.5 입력그룹3.6 내비게이션3.7 내비게이션 바 (중요)3.8 경로와 페이지네이션3.9 라벨과 배지3.10 점보트론과 페이지 제목3.11 썸네일3.12 경보와 진행바3.13 미디어 객체, 목록그룹, 패널, Wells
4장_부트스트랩의 자바스크립트4.1 개요4.2 모달4.3 드롭다운4.4 스크롤 스파이4.5 토글되는 탭4.6 툴팁4.7 팝오버4.8 경보4.9 버튼4.10 컬랩스4.11 캐러셀4.12 Affix 효과
2부. 부트스트랩을 이용한 사이트 제작

5장_ 싱글 페이지 웹사이트 제작

5.1 디자인 레이아웃 구성하기5.2 사이트 제작 - 내비게이션 바5.3 사이트 제작 - 캐러셀과 아이콘5.4 사이트 제작 - About 부분5.5 사이트 제작 - Portfolio 부분5.6 사이트 제작 - Contact와 Footer 부분5.7 사이트제작 - 특수 효과
6장_ 부트스트랩을 이용한 반응형 웹 페이지 쾌속 개발6.1 영수증 폼 만들기6.2 스크롤에 따라 변화하는 메인 메뉴6.3 실제 사이트를 부트스트랩으로 변경해서 만들어 보자6.4 실제 사이트를 만들어 보자 26.5 기본으로 제공되는 캐러셀 효과 변형하기6.6 부트스트랩을 이용한 쇼핑몰 프론트 페이지 만들기

_주요 내용

웹 디자인을 쉽고 빠르고 간편하게

HTML5와 CSS3 기초지식을 갖고 있는 디자이너를 위한 책

CSS로 스타일링을 할 줄 알고 HTML5로 레이아웃 디자인을 할 줄 안다면 이제 부트스트랩으로 좀더 여유로운 디자인을 해보세요.

웹 디자인 소요시간을 50% 이상 획기적으로 줄여줍니다 

부트스트랩을 사용하기 전에는 모든 HTML과 CSS 코드를 일일이 하나씩 입력하고 속성을 지정했지만, 부트스트랩을 사용하게 되면서 이런 기초적인 작업은 건너뛰고 바로 사이트를 제작할 수 있어 사이트 개발 시간을 50% 이상 단축시킬 수 있습니다.

싱글 페이지 웹사이트 제작 실습 

개인 포트폴리오에서부터 간단한 기업 정보를 제공하는 싱글 웹 페이지 웹사이트를 만들어봅니다. 고급 유료 템플릿과 비교해도 손색없는 실습 예제를 만나보세요.

반응형 웹까지 한방에 해결하는 다양한 웹 디자인 실습 

부트스트랩은 싱글 웹 페이지뿐만 아니라 일반 기업의 웹사이트도 간편하게 디자인할 수 있습니다. 반응형 웹까지 한방에 해결해주는 다양한 웹 디자인 예제를 만나보세요.  

_편집자 코멘트이 책의 기획은 웹 디자이너가 단순한 태깅의 노동에서 벗어나 창의적인 시간을 좀더 확보했으면 하는 바람에서 출발했습니다. 프로그래밍 서적을 많이 접하는 편집자로서는 프레임워크라는 단어를 많이 듣습니다. 실제로 프로그래머들은 프레임워크를 이용하여 여러 가지 혜택을 누립니다. 이미 틀이 정해져 있기 때문에 그 안에서 좀더 핵심 로직에 집중할 수 있어 탄탄한 프로그램을 만들 수 있다는 것이죠.부트스트랩도 마찬가지입니다. 처음엔 “웹 디자인에 무슨 거창하게 프레임워크?”라고 생각하였지만, 이 프로젝트를 진행하는 내내 상당히 많은 부분을 자동화 해주는 기능에 놀라지 않을 수 없었습니다. 핵심적으로 사용되는 아이디 선택자나 클래스 선택자를 별도로 만들 필요 없이 활용만 하면 될 뿐만 아니라 이미 만들어진 컴포넌트들을 적용할 수 있어 웹 디자인의 패러다임을 바꿔줄 수 있는 정도의 파워를 느꼈습니다. 아직 부트스트랩을 활용하지 않고 있는 웹 디자이너라면 이제부터라도 한번 실무에 적용해 보시길 강력하게 추천합니다. 특히 기초적인 예제뿐만 아니라 실무적인 예제를 풍부하게 다루고 있어 부트스트랩을 활용하기 위한 지침서로 많은 도움을 줄 수 있는 책이라 확신합니다.

_저자 소개

_지은이 양용석 

<이제 실전이다, HTML5 & CSS3> <처음 시작하는 CSS & 워드프레스> <처음부터 다시 배우는 HTML5 & CSS3 - 전면개정판> (이상 로드북 )을 집필하였으며, 대기업부터 벤처기업까지 실무 경험을 두루 거쳐 현재는 프리랜서로 활동 중이다. HTML5와 CSS3 및 자바스크립트 등 웹 관련 기술에 풍부한 노하우를 보유하고 있으며, 현재까지 30여 개의 대기업 웹사이트부터 쇼핑몰까지 다양한 웹사이트를 개발하였다. 현재 제주에서 사진을 취미 삼아 가족과 함께 살고 있다.

_상세 이미지

[관련도서]

 

 

_끝

1부(1~4장) 다운로드 

example.zip

2부 5장 소스 다운로드

example.zip

2부 6장 다운로드

example.zip