메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

한빛랩스 - 지식에 가능성을 머지하다 / 강의 콘텐츠 무료로 수강하시고 피드백을 남겨주세요. ▶︎

모바일 보일러플레이트 : 모바일 웹 개발 실무를 위한 어비의 노하우

리얼타임 eBook

집필서

판매중

  • 저자 : 송태민
  • 출간 : 2013-10-20
  • 페이지 : 118 쪽
  • ISBN : 9788968486487
  • eISBN : 9788968486821
  • 초급 초중급 중급 중고급 고급
5점 (1명)
좋아요 : 34

쉽고 빠르게 모바일 웹 제작 방법을 배우는 실무 밀착형 가이드


모바일 웹 제작은 사실 UI나 UX 관점에서는 어려운 일이지만 그렇다고 아예 새로운 웹 페이지를 만드는 것만큼 낯선 것은 아니다. 즉, 중요한 것은 기술보다 생각의 관점이다. 기존 웹 페이지를 만들면서 익숙하게 사용해 온 글자나 이미지를 작은 화면에 맞게 다시 만드는 UI 설계, 마우스와 플래시에 기반을 둔 웹 환경을 플래시와 마우스 없이 사람의 손가락 움직임으로 옮긴다는 UX 설계를 고려하는 것에 시간을 쏟아야 한다.
그런데 실무 환경에서는 짧은 시간 안에 다수의 웹 페이지를 만들고 원하는 요구 조건에 맞게 빠르게 수정할 수 있어야 한다는 압박이 크다. 그렇다면 효율적으로 일하기 위해서는 어떻게 해야 할까? 실제 웹 페이지를 만드는 시간을 줄이고 UI나 UX를 고민할 수 있어야 한다.
이런 면에서 모바일 보일러플레이트는 실제 모바일 웹 페이지를 만드는 시간을 줄이는 데 많은 도움을 준다. 미리 모바일 웹과 데스크톱 웹 브라우저의 차이를 고려해 웹 페이지를 제작하면서 생길 수 있는 디자인상의 문제점을 없애주는 CSS 라이브러리와 자바스크립트 코드 등을 포함한 템플릿을 제공하기 때문이다.
이 책은 다양한 실무 경험과 집필 경험으로 무장한 웹 디자이너 어비가 모바일 보일러플레이트라는 템플릿을 자세히 분석하여 소개한다. 그리고 모바일 보일러플레이트를 국내 웹 환경에 맞게 수정하는 방법을 제시한다. 또한 실제 포털 서비스에 모바일 보일러플레이트를 적용한 경험을 바탕으로 실제 포털 사이트 웹 페이지와 유사한 예제를 중심으로 웹 퍼블리셔라면 누구나 실무에 바로 적용할 수 있는 모바일 웹 페이지 제작 노하우를 알린다.

 

크로스 브라우징과 반응형 웹도 알아보고 싶다면? 『HTML5 보일러플레이트

 

대상 독자

  • 마크업 기본을 아는 초/중급 웹 퍼블리셔
  • 모바일 웹 템플릿 제작 방법이 궁금한 실무자

 

예제를 만들면서 배우는 HTML5 기반의 모바일 웹 사이트 만들기
『모바일 보일러플레이트』는 모바일 보일러플레이트를 충분히 이해한 후 실무에서 이를 적용해 모바일 웹 사이트를 만들어야 하는 초?중급 웹 퍼블리셔에게 적합한 책이다. 매얼에서도 자세히 설명하지 않는 모바일 보일러플레이트의 주요 구성 요소를 상세하게 분석했으며, 이를 바탕으로 자신의 실무 작업에 맞게 템플릿을 바꾸는 방법도 설명한다. 또한 예제 모바일 웹 페이지는 다양한 모바일 기기와 웹 브라우저에서 웹표준을 지킬 수 있도록 설계하고 디자인 구성 노하우까지 자세하게 설명해 짧은 분량이지만 HTML5 기반의 모바일 웹 사이트 제작 방법을 충분히 살펴볼 수 있도록 구성했다.

 

추천평(추천사)

 

'모바일 웹 제작의 실무자 가이드북'
이 책은 모바일 웹 제작의 거대한 세계를 폭넓게, 그리고 깊이 있게 전달하는 실무 매뉴얼의 하나라 생각합니다. 일반적으로 모바일 웹이라 불리는 것은 실제 여러 가지 사양의 집합체이므로 전체 내용은 엄청나게 방대합니다. 웹에서도 정보가 여러 곳에 흩어져 있어 전체 모습을 파악하는 것만도 꽤 고생스러운 일이라 할 수 있습니다.
최근 웹 브라우저 각각의 업그레이드가 매우 빠른 속도로 진행되므로 가까운 시일 안에 이러한 문제의 많은 부분이 해결될 것으로 예상되지만, 그때까지는 W3C의 HTML5 기술 문서 등을 참고하면서 공부하는 것이 더 확실할 것입니다. HTML5를 좀 더 쉽고 빠르게 습득할 수 있는 모델을 제시하고, 레이아웃을 만들 수 있는 템플릿을 제공해주는 이 책은 디자이너 및 웹 퍼블리셔 그리고 개발자, 기획자 및 실무자에게 모바일 보일러플레이트라는 새로운 템플릿 형태의 마크업 방법을 제시하는 데 충실한 역할을 하는 책입니다.
- 김세원_세종씨앤피/이노브 모바일사업부 팀장

 

다양한 모바일 기기 환경에서 사용자에게 맞는 웹 페이지를 구현하는 일은 이제 개인 및 기업의 정보 제공에 있어 필수적인 요소라 할 수 있을 것입니다. 그런데 다양한 모바일 웹 환경에 기존 웹 디자인을 그대로 적용하기에는 문제가 많습니다. 그런 의미에서 이 책은 HTML5에 기반을 두고 빠르게 모바일 웹을 만들 수 있게 도와주는 모바일 보일러플레이트를 국내 실정에 맞게 분석하고 템플릿 파일을 수정해서 실무에서 사용할 수 있는 노하우를 그대로 전수해준 책이라 생각합니다.
모바일 웹의 UI를 개선하고자 하는 웹 디자이너와 웹 프로그래머가 실무에 바로 적용할 수 있는 책으로, 실무자들의 가려운 부분을 긁어주는 날카로운 필력으로 유명한 저자의 경험과 커뮤니티를 통한 피드백은 또 하나의 강점이라고 생각합니다.
- 박근용_프리랜서 디자이너

송태민 저자

송태민

언제나 새로운 주제를 빠르게 탐구한 후 자신의 지식을 다른 사람들과 어떻게 나누는 것이 좋을지에 대해서 고민하고 책을 집필하는 소신있는 웹 퍼블리셔이자 현업 UI·UX 디자이너다. SK플래닛에서 UI·UX 디자이너로 다양한 서비스를 개발했으며 사물 인터넷과 웨어러블 서비스를 연구·개발하는 어비팩토리 공장장으로, 각종 사물 인터넷 관련 세미나의 스피커로, 미래창조과학부 산하 기관에서 스타트업을 위한 멘토로 활동하는 자문위원이기도 하다.
저서로는 『크리에이티브 디자이너를 위한 웹표준』 (제우미디어), 『어비의 모바일 웹』 (길벗), 『반응형 웹디자인』 (위키북스), 『HTML5 보일러플레이트』 (한빛미디어), 『모바일 보일러플레이트』 (한빛미디어) 등이 있다.
역서로는 『jQuery 최고의 교과서』 (한빛미디어)가 있다.

1장. 모바일 보일러플레이트 소개
  1.1 모바일 보일러플레이트란?
  1.2 모바일 보일러플레이트의 주요 특징
    1.2.1 Zepto.js 라이브러리
    1.2.2 Modernizr 라이브러리
  1.3 모바일 보일러플레이트 다운로드
  1.4 모바일 보일러플레이트의 장단점

 

2장. 모바일 보일러플레이트 분석
  2.1 모바일 보일러플레이트 구조
    2.1.1 루트 디렉터리 구조
    2.1.2 추가 디렉터리 구조
  2.2 index.html 분석
  2.3 normalize.css 분석
    2.3.1 HTML5 요소 관련 설정
    2.3.2 기본 요소 관련 설정
    2.3.3 하이퍼링크 요소 관련 설정
    2.3.4 텍스트 요소 관련 설정
  2.4 main.css 분석
    2.4.1 모바일 보일러플레이트 고유 설정
    2.4.2 미디어 쿼리 관련 설정
  2.5 plugins.js 분석

 

3장. 국내 환경에 맞게 수정한 모바일 보일러플레이트 템플릿
  3.1 수정한 모바일 보일러플레이트 구조
  3.2 index.html의 변경점
  3.3 normalize.css의 변경점
    3.3.1 자주 사용하지 않는 normalize.css 코드의 예
    3.3.2 새롭게 추가하거나 수정한 부분
  3.4 main.css의 변경점

 

4장. 예제 웹 페이지 만들기
  4.1 웹 페이지 디자인 구성 노하우
  4.2 예제 모바일 웹 페이지 살펴보기
  4.3 레이아웃 구조 완성하기
    4.3.1 HTML 마크업
    4.3.2 CSS 코딩
  4.4 header 영역 만들기
    4.4.1 HTML 마크업
    4.4.2 CSS 코딩
  4.5 article 영역 만들기
    4.5.1 promotion 영역
    4.5.2 news_area 영역
    4.5.3 목록 플리킹
    4.5.4 last_list 영역
  4.6 footer 영역 만들기
    4.6.1 HTML 마크업
    4.6.2 CSS 코딩
  4.7 크로스 브라우징 확인

 

부록. 예제 웹 페이지 소스 코드
  index.html
  css- normalize.css
  css- main.css

모바일을 처음 개발할 경우에도 좋을 것이며, 기존 코드를 템플릿을 활용하여 변경하는 것도 좋을 것이다.
이 책은 모바일 보일러플레이트에 대한 템플릿 해설서이며, 국내 환경에 맞게 변경한 좋은 예제를 제공하여, 독자에게 실무에 바로 사용하여도 좋은 변경된 템플릿코드를 제공한다.
분량은 하루면 다 읽을 수 있으니 여러분도 빠른 모바일 적용을 원한다면 이 책을 추천합니다.

결제하기
• 문화비 소득공제 가능
• 배송료 : 2,000원배송료란?

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원 무료배송
닫기

리얼타임 eBook 안내

PDF 형식으로 제공되며, 다운로드한 eBook은 PDF 포맷을 지원하는 디바이스 또는 프로그램에서 제한없이 열람할 수 있습니다. 또한 eBook 내의 텍스트 검색 및 인쇄도 가능합니다.

리뷰쓰기

닫기
* 상품명 :
모바일 보일러플레이트 : 모바일 웹 개발 실무를 위한 어비의 노하우
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
모바일 보일러플레이트 : 모바일 웹 개발 실무를 위한 어비의 노하우
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
모바일 보일러플레이트 : 모바일 웹 개발 실무를 위한 어비의 노하우
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실

최근 본 상품1