본문내용 바로가기
이벤트 무료배송

웹킷이 주도하는 미래형 웹 개발 HTML5+CSS3 반응형 웹 표준 앱의 필수 기술 WebKit

에이콘 웹 프로페셔널 시리즈 58
존 라쉬 지음 | 정상욱 옮김 | 에이콘출판 | 2013년 04월 30일 출간
  • 정가 : 35,000원
    판매가 : 31,500 [10%↓ 3,500원 할인]
  • 제휴할인가 : 23,620 교보-롯데카드 최대 25% 청구할인 카드/포인트 안내
  • 통합포인트 : 1,750 적립 [5% 적립]
  • 추가혜택 :
    naver네이버페이 결제 시 최대 2% 추가 적립 payco페이코 결제 시 5,000원 할인 + 1만원 적립 okcashbag 실 결제 금액의 0.5% 적립 안내
  • 배송비 : 무료 배송비 안내
  • 도착예정일 : 서울 종로구 종로1가 교보생명빌딩 기준 지역변경
    지금 주문하면 내일(29일,토) 도착 예정 도착 예정일 안내
  • 바로드림 : 인터넷으로 주문하고 영업점에서 직접 수령 안내
황금연휴 바로드림 1천원 e환권
닫기
  • 어린이 과학의달 이벤트
  • 4월 건강생활백서 2만원 이상 구매시 사은품 증정
  • 4월의 특별선물 리커버북백 증정
  • 4월 기대신작 원형파우치 증정
  • 월간 생활책방 4월호 그라데이션양장노트 증정
  • 이봄!즐겨봄떠나봄
  • 이벤트 도서 포함 25000원 이상 구매시 위 베어 베어스 크로스백 증정

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • 대표 IT 컴퍼니 지원자격에 맞춰 준비하자
    06. 21 ~ 12. 31
  • MANNING, O'REILLY, PACKT, WILEY 등 해..
    03. 07 ~ 04. 30
  • 설문참여 시 매월 5명 추첨통해 선물을 드립니다.
    10. 14 ~ 12. 31
상품상세정보
ISBN 9788960774261(896077426X)
쪽수 448쪽
크기 188 * 235 * 30 mm /850g 판형알림
이 책의 원서 Smashing WebKit./Raasch, Jon

책소개

이 책이 속한 분야

HTML5+CSS3 반응형 웹 표준 사이트를 만들고 검증하는 손쉬운 방법!

구글 크롬, 애플 사파리가 선택한 오픈소스 웹브라우저 렌더링 엔진, 웹킷 가이드 『웹킷이 주도하는 미래형 웹 개발』. 웹킷이 무엇이며, 어떻게 활용되는지를 살펴보고, HTML5와 CSS3로 만드는 반응형 웹 표준 사이트를 만들고 검증하는 방법을 배울 수 있다. 또한 캔버스와 SVG의 개념, iOS와 안드로이드용 모바일 웹앱을 만드는 방법도 익힐 수 있다. 웹표준과 반응형 웹 사이트를 만들어야 하는 웹 개발자와 디자이너는 물론이고, 웹사이트와 브라우저 품질을 검증하고 테스트하는 담당자까지, 미래형 웹을 지향하는 일을 하는 이들에게 도움을 준다.

이 책의 총서

총서 자세히 보기

저자소개

저자 : 존 라쉬

저자 존 라쉬(Jon Raasch)는 15년간 웹 프로그래밍에 몸담아 왔으며 HTML4와 CSS3, 자바스크립트에 능숙한 프론트엔드 웹 개발자이자 UX 디자이너다. 사이트(Smashingmagazine)에 정기적으로 기고하며, 사이트(jonraasch)에 개인 블로그를 운영한다. 존 라쉬는 14살에 처음으로 지오시티(GeoCities)에 웹 사이트를 만들어 올렸다. 물론 당시에는 형편없는 수준이었지만, 지금은 아주 멋진 웹 사이트와 최신 기술을 사용하는 웹 기반 애플리케이션을 만들고 있다. 웹 표준과 프론트엔드 성능, UX 디자인에 열정을 갖고 활동 중이다. 예전에는 포틀랜드에 살았지만 이제는 원격으로 일하면서 세계를 여행한다(특히 독일 베를린을 아주 좋아한다). 존의 트위터에서 그를 팔로우할 수 있다.

역자 : 정상욱

역자 정상욱은 현재 현대엠엔소프트에 근무하고 있다. 이전에는 오비고에서 9년간 모바일 브라우저 개발을 담당했고, QA 팀장으로 근무하면서 웹킷 브라우저 검증과 웹 표준인 HTML5, CSS3를 분석하고, 관련 테스트 케이스를 작성했다.

목차

1부. 웹킷의 기초

1장 웹킷이란?
___웹킷의 역사
___웹킷은 어디에 쓰이는가?
______웹 브라우저
______모바일 디바이스
______리치 인터넷 애플리케이션
______여러 종류의 디바이스
___웹킷이 제공하는 것은 무엇인가?
______CSS3
______HTML5와 SVG
___웹킷을 사용했더라도 기능이 모두 같진 않다
______다양한 버전의 웹킷 사용
______코어 수정
___요약

2장 웹킷 개발 시작하기
___테스팅 환경 설정
______테스트하는 방법
______맥이나 PC냐
___크롬과 사파리 환경
______구 버전의 브라우저 테스트
______크롬과 사파리 문제 디버깅
___iOS와 안드로이드 환경
______에뮬레이터 선택
______iOS 시뮬레이터
______안드로이드 에뮬레이터
______iOS와 안드로이드 문제 디버깅
___웹킷 브라우저 그 이상
______파이어폭스
______인터넷 익스플로러
______오페라
______다른 모바일 브라우저
___결론

2부. 웹킷에서 지원하는 CSS3

3장 CSS3의 고급 스타일링
___CSS3를 사용해 이미지 없이 그래픽 그리기
______기본 설정
______둥근 모서리
______그라디언트
______활자체
______텍스트와 박스 섀도우
______RGBa 투명도
___CSS3 애니메이션
______전환하기
______키프레임의 사용
___CSS3 변형
______2D 변형
______3D 변형
___다른 CSS3 프로퍼티
______테두리 이미지
______마스크
______글자 테두리
______사각형 반사
______웹킷의 움직이는 텍스트
______배경 클립
______데이터 URI
___요약

4장 CSS3의 개선된 선택자 기능
___CSS3 선택자와 유사 클래스
______선택자 속성
______구조적인 선택자
______구조적인 유사 클래스
______다른 유사 클래스
______유사 요소에 기반을 둔 텍스트와 콘텐츠
___미디어 쿼리
______미디어 쿼리의 사용
______미디어 쿼리를 이용해 유연한 레이아웃 만들기
______특정 디바이스 감지
___요약

5장 CSS3로 다중 브라우저 지원
___모든 브라우저에서 동작하는 기본 CSS3 스타일
______크로스-브라우저에서의 둥근 모서리
______크로스-브라우저에서의 그라디언트
______크로스 브라우저의 폰트 페이스
______크로스 브라우저의 텍스트와 박스 섀도우
______크로스 브라우저의 RGBa 투명도
______크로스 브라우저에서의 테두리 이미지
______크로스 브라우저의 배경 클립
______크로스 브라우저의 데이터 URI
___모든 브라우저에서의 CSS3 애니메이션
______전환을 지원하지 않는 브라우저에서의 전환
______지원하지 않는 브라우저에서 키프레임 애니메이션
___모든 브라우저에서의 CSS3 변형
______IE 구 버전에서의 변형 지원
______크로스 브라우저의 3D 변형 지원
___크로스 브라우저의 CSS3 선택자와 유사 클래스 지원
______크로스 브라우저의 선택자 지원
______크로스 브라우저의 유사 클래스와 유사 요소 지원
______CSS3 선택자 지원을 위한 제이쿼리
___크로스 브라우저의 미디어 쿼리 지원
___모더나이저를 사용한 기능 감지
___요약

3부. 웹킷에서의 HTML5 지원

6장 HTML5 미디어 태그
___왜 HTML5를 사용하는가?
___HTML5 VIDEO
______HTML5 비디오 옵션
______HTML5 비디오 포맷
______다른 포맷 인코딩
______HTML5 비디오 인코딩 테스트
___HTML5 오디오
______HTML5 오디오 포맷
______HTML5 오디오 인코딩
___HTML5 미디어 태그와 자바스크립트의 상호 작용
______기본 자바스크립트 명령어
___HTML5 미디어 태그 대안으로 플래시 사용
______대안용 플래시 추가
______플래시 파일 생성
___요약

7장 캔버스 요소
___캔버스의 기본
______기본적인 모양 그리기
______복잡한 모양 그리기
___캔버스 꾸미기
______이미지 사용하기
______채우기와 획 스타일
______선 스타일
______그림자
______텍스트의 사용
___변형
______위치 이동
______회전
______크기 변경
______변형
______캔버스 상태의 저장과 복구
______다양한 상태의 저장과 복구
___구성하기와 범위 자르기
______구성하기
______범위 자르기
___반응형 캔버스
______기본적인 애니메이션
______마우스의 상호 작용
______물리학 라이브러리 사용하기
___3D 캔버스
______웹지엘과 오픈지엘
______3D 캔버스 라이브러리
___캔버스의 영감
______게임
______오디오/비디오
______그리기와 만드는 툴
______수학/물리학
______시각 효과
______더 많은 캔버스 영감
___요약

8장 HTML5 폼
___특별 입력 형식
______숫자
______슬라이더
______색과 날짜 선택기
______상황에 따른 키보드
______검색 박스
___상호 작용 기능
______플레이스홀더 텍스트
______오토포커스
______폼 검사
___크로스 브라우저 지원
______특별한 입력 형식의 크로스 브라우저 지원
______상호 작용 기능용 크로스 브라우저 지원
___요약

9장 확장가능한 벡터 그래픽 SVG
___SVG를 사용할 때의 장점
______벡터화된 이미지 형식
______완전한 상호 작용
______검색 엔진 최적화(SEO, Search Engine Optimization)
______파일 크기
___자동으로 SVG 생성하기
______SVG 파일 생성하기
______SVG 라이브러리
___SVG 이미지 손으로 직접 작성하기
______SVG 마크업 포함하기
______선과 모양 그리기
______텍스트와 링크, 이미지 추가하기
______그라디언트 추가하기
______HTML 속성 대신에 CSS 사용하기
______자바스크립트 상호 작용
___요약

4부. 모바일 웹킷

10장 iOS와 안드로이드로 개발하기
___뷰포트와 회전 방향
______뷰포트의 조정
______미디어 쿼리를 이용한 CSS 조정
______자바스크립트를 통한 뷰포트와 방향, 해상도 액세스
___모바일 감지하기
______유저 에이전트 확인
______미디어 쿼리
______자바스크립트를 이용한 감지
______감지하지 않기
___모바일용 스타일링
______실제 화면 영역의 최대화
______파일 크기의 감소
______여러 가지 변경
___디바이스 기능의 접근
______터치 이벤트
______위치 정보
______자이로스코프와 가속도계
______전화 걸기
______문자 메시지
______상황에 따른 키보드
______자동 수정 기능의 비활성화
______미디어 캡처
___IOS를 위한 특별히 고려해야 할 점
______플래시 대신 HTML5 이용하기
______그 밖의 고려사항
___요약

11장 웹 앱 만들기
___웹 앱과 네이티브 앱 비교
______웹 앱의 장점
______네이티브 앱의 장점
___북마크 아이콘의 생성
______북마크와 다운로드 비교
______맞춤형 아이콘의 생성
______북마크 스크립트
___전체 화면 모드
______전체 화면 모드의 활성화
______브라우저 바 숨기기
___자바스크립트 라이브러리 선택
______센차 터치
______제이쿼리 모바일
______jQTOUCH
______Zepto.js
___CSS3를 사용한 iOS UI의 렌더링
______iOS 스타일링의 재현
______iOS UI 기능의 재현
___CSS3를 이용한 안드로이드 UI의 랜더링
___오프라인의 진입
______앱이 오프라인인지 확인하기
______HTML5 캐시 매니페스트
______로컬 스토리지
______오프라인 SQL 데이터베이스
___폰갭을 사용한 네이티브 앱 개발
______폰갭의 장점
______폰갭의 단점
______폰갭 시작하기
______폰갭 사용하기
______폰갭 API
___요약

5부. 웹킷 파고들기

12장 웹킷의 성능
___최적화 방법
______균형감 유지하기
______프로파일링 툴
______인지 성능 대 실제 성능
___애니메이션의 최적화
______CSS 애니메이션의 이용
______리플로우 피하기
______하드웨어 가속
___자바스크립트의 최적화
______자바스크립트의 로딩
______순환문
______스코프 체인
______돔의 조작
___CSS의 최적화
______더 빠른 선택자
______피해야 하는 프로퍼티
___이미지 최적화
______웹용 이미지 저장
______웹피
______쿠키 없는 도메인 사용
___웹 소켓
______웹 소켓의 장점
______브라우저에서 지원
______웹 소켓을 사용하는 방법
___요약

13장 웹킷의 미래
___웹킷 나이틀리 버전
___웹킷을 지원하는 방법
______오류 리포트 작성
______웹킷 코어에 기여하기
______문서 작성
___웹킷의 나아갈 방향은 어디인가?
______개발 중인 기능
______일반적인 개선 사항
___웹킷의 미래

출판사 서평

★ 요약 ★

HTML5+CSS3 반응형 웹 표준 사이트를 만들고 검증하는 가장 손쉬운 방법!
구글 크롬, 애플 사파리가 선택한 오픈소스 웹브라우저 렌더링 엔진, 웹킷 가이드

웹킷을 알면 웹의 미래가 보인다. 구글 크롬과 애플 사파리의 핵심 기술이자 사실상 표준인 가장 강력한 웹브라우저 렌더링 엔진인 오픈소스 프로젝트 웹킷(WebKit)에 관한 국내 최초 개론서. 웹킷이 무엇이며, 어떻게 활용되는지를 살펴보고, HTML5와 CSS3로 만드는 반응형 웹 표준 사이트를 만들고 검증하는 방법을 배운다. 또한 캔버스와 SVG의 ... 더보기

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트 적립은 작성 후 다음 날 혹은 해당 도서 배송 출발 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 해당도서의 리뷰가 없습니다.

Klover 평점/리뷰 (0)

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 책의 원서번역서

안내

이 분야의 베스트

더보기+

이 분야의 신간

  • 정일영
    32,400원
  • 타리크 라시드
    22,500원
  • 닉 보스트롬
    22,500원
  • 우종필
    14,220원
  • 이남호
    22,410원
더보기+

바로가기

  • 우측 확장형 배너 2

최근 본 상품