품목정보
발행일	2013년 09월 06일
쪽수, 무게, 크기	340쪽 \| 863g \| 18824530mm
ISBN13	9788994506746
ISBN10	8994506748

더보기

첫 번째 프로젝트 〈춤추는 꽃〉 1 이론학습 1-1 브라 우저에 이미지를 출력하는 방법 1-1-1 HTML의 〈img〉 요소 사용 1-1-2 CSS의 background-image 속성 사용 1-1-3 JavaScript의 createElement 메소드 사용 1-2 캔버스를 생성하는 방법 1-2-1 HTML의 〈canvas〉 요소 사용 1-2-2 JavaScript의 createElement 메소드 사용 1-3 캔버스에 이미지를 그리는 방법 1-3-1 〈canvas〉 요소를 HTML에서 생성했을 때, 캔버스의 참조 값 얻기 1-3-2 〈canvas〉 요소를 동적으로 생성했을 때, 캔버스의 참조 값 얻기 1-3-3 drawImage 메소드 1-4 캔버스에서 이미지를 변환하는 방법 1-4-1 컨텍스트 상태 저장 1-4-2 변환행렬을 단위행렬로 초기화 1-4-3 변환하려는 요소의 중심으로 컨텍스트 이동 1-4-4 적용하고 싶은 변환의 실행 1-4-5 저장했던 컨텍스트 상태 복구 1-5 캔버스에서 애니메이션 루프를 수행하는 방법 1-5-1 일반적인 방법: 타이머 사용 1-5-2 새로운 방법: requestAnimationFrame 메소드 사용 2 실전학습 2-1 HTML5 2-2 CSS3 2-3 JavaScript 2-4 도전과제 3 프로젝트정리 두 번째 프로젝트 〈중력 브라우저〉 1 이론학습 1-1 Box2DWeb 물리 엔진의 이해와 활용 1-1-1 Box2DWeb 엔진 다운받기 1-1-2 Box2DWeb 엔진의 기본 사용환경 구성하기 1-1-3 World 생성 1-1-4 Box2DWeb 엔진의 핵심 콘셉트 1-1-5 간단한 물리 현상 재현하기 1-1-6 이벤트 연결하기 1-1-7 조인트 1-2 오픈 API를 활용하여 검색 정보 활용하는 법 1-2-1 Daum으로부터 키 발급하기 1-2-2 jQuery.ajax() API로 HTTP 질의 보내기 2 실전학습 2-1 HTML5 2-2 CSS3 2-3 JavaScript 2-4 도전과제 3 프로젝트정리 세 번째 프로젝트 〈비디오 크로마키〉 1 이론학습 1-1 비디오를 생성하고 재생하는 방법 1-1-1 HTML의 〈video〉 요소 사용 1-1-2 JavaScript의 createElement 메소드 사용 1-1-3 비디오의 로딩에 따른 이벤트 1-1-4 비디오의 재생 1-1-5 HTML5에서 지원하는 비디오 포맷 1-1-6 비디오 타입 체크 1-2 비디오 인코딩하기 1-2-1 Miro Video Converter 다운받기 1-2-2 동영상 파일 끌어다 놓기 1-2-3 컨버팅하기 1-3 캔버스에 비디오 그리기 1-4 캔버스의 픽셀을 조작하는 방법 2 실전학습 2-1 HTML5 2-2 CSS3 2-3 JavaScript 2-4 도전과제 3 프로젝트정리 네 번째 프로젝트 〈우쿨렐레〉 1 이론학습 1-1 오디오를 생성하고 재생하는 방법 1-1-1 HTML의 〈audio〉 요소 사용 1-1-2 JavaScript의 createElement 메소드 사용 1-1-3 오디오 로딩에 따른 이벤트 1-1-4 오디오의 재생 1-1-5 HTML5에서 지원하는 오디오 포맷 1-1-6 오디오 타입 체크 1-2 오디오 인코딩하기 1-2-1 Miro Video Converter로 오디오 불러오기 1-2-2 오디오 컨버팅하기 1-3 패스를 생성하는 방법 1-3-1 현재 기본 패스 1-3-2 moveTo(x, y) 1-3-3 lineTo(x, y) 1-3-4 quadraticCurveTo(cpx, cpy, x, y) 1-3-5 1차 베지어 곡선 1-3-6 2차 베지어 곡선 1-4 외부 스크립트를 로드하는 방법 2 실전학습 2-1 HTML5 2-2 CSS3 2-3 JavaScript ? ukulelePathCreator.js 2-4 JavaScript ? ukuleleSound.js 2-5 JavaScript ? ukulelePath.js 2-6 도전과제 3 프로젝트정리 다섯 번째 프로젝트 〈코믹 스타일〉 1 이론학습 1-1 스프라이트 시트를 CSS로 조작하는 방법 1-1-1 CSS background 속성 1-1-2 CSS background 속성을 사용한 간단한 예제 1-2 CSS3의 2D Transform 1-2-1 이동하기 : translate(x, y) 1-2-2 회전하기 : rotate(angle) 1-2-3 확대/축소하기 : scale(scaleX, scaleY) 1-2-4 비스듬히 틀기 : skew(angleX, angleY) 1-2-5 행렬변환하기 : matrix(a, b, c, d, e, f) 2 실전학습 2-1 HTML5 2-2 CSS3 2-3 JavaScript 2-4 도전과제 3 프로젝트정리 여섯 번째 프로젝트 〈팝업북〉 1 이론학습 1-1 3D 이론 1-1-1 3차원 공간의 이해 1-1-2 perspective 속성 1-2 CSS3의 3D Transform 1-2-1 이동하기: translate3d(x, y, z) 1-2-2 확대/축소하기: scale3d(scaleX, scaleY, scaleZ) 1-2-3 회전하기: rotate3d(x, y, z, angle) 1-2-4 행렬변환하기: matrix3d(a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p) 2 실전학습 2-1 HTML5 2-2 CSS3 2-3 JavaScript 2-4 도전과제 3 프로젝트정리 일곱 번째 프로젝트 〈춤추는 꽃, 모바일 편〉 1 이론학습 1-1 브라우저 종류를 확인하는 방법 1-2 모바일 브라우저를 위한 디버깅 1-2-1 모바일 크롬 브라우저에서 디버깅 사용하기 1-2-2 모바일 사파리 브라우저에서 디버깅 사용하기 1-2-3 모바일 브라우저의 종류 알아내기 1-3 모바일을 위한 터치 이벤트 1-3-1 터치에 사용되는 이벤트 타입 1-3-2 TouchList 인터페이스와 Touch 인터페이스 1-4 미디어 쿼리 1-4-1 미디어 타입 1-4-2 미디어 쿼리 문법 1-4-3 미디어 특징 2 실전학습 2-1 HTML5 2-2 CSS3 2-3 JavaScript 2-4 도전과제 3 프로젝트정리 부록 PC에 웹 서버 구성하기 1 윈도우에 웹 서버 구성하기 2 맥에 웹 서버 구성하기

더보기

상세 이미지 상세 이미지 보이기/감추기

상품 이미지를 확대해서 볼 수 있습니다. 원본 이미지

더보기

저자 소개 관련자료 보이기/감추기

저자 : 이명희

자바 프로그래머로 소프트웨어 개발을 시작했지만, 플래시의 강한 비주얼과 액션스크립트의 용이한 사용성에 반해 플래시 개발자로 영역을 바꾼 후 ㈜유클립과 ㈜게임하이에서 RIA 애플리케이션과 웹 게임을 개발하였다. 플래시 시장이 많이 위축될 때쯤 ㈜팬갈로어의 HTML5 게임 개발팀에 합류하여 현재까지 HTML5 게임 개발을 진행하고 있다.

단국대학교 연극영화과에서 영화를 전공한 후 경인방송, 한국경제신문사 등에서 7년 이상의 시간을 영상 제작에 매진했던 특이한 경력의 소유자이기도 하다. 93년에 처음으로 C 언어를 만나 사랑에 빠졌고, 그해에 아이콘 Drawer, 횡 스크롤 아케이드 게임, VGA 카드를 컨트롤한 한글 처리 라이브러리 등을 개발할 만큼 프로그래밍이라는 매력에 빠졌던 준비된 프로그래머였다. 지금은 HTML5와 관련한 모든 웹 기술에 관심을 두며 자바스크립트와 뒤늦은 연애를 하고 있다.

더보기

책 속으로 책속으로 보이기/감추기

이번 프로젝트는 물리 효과가 필요합니다. 그렇다고 걱정하지는 마세요. 여러분께 물리 엔진을 만들라고는 하지 않을 테니까요. 이번 프로젝트에서는 Box2DWeb이라는 물리 엔진을 사용할 겁니다. 추가 설명을 덧붙이자면, 굉장히 유명한 Box2D라는 물리 엔진이 있습니다. 이 엔진은 C++로 만들어졌는데 이 엔진이 다양한 언어로 포팅되어 왔었지요. 저도 플래시 게임을 개발할 때는 플래시로 포팅된 Box2DFlash를 많이 사용했었습니다. ... (중략) ... 플래시에서 사용할 목적으로 작성된 Box2DFlash2.1a 버전을 자바스크립트로 포팅한 Box2DWeb이라는 엔진이 등장하였습니다. 지금부터는 이 Box2DWeb에 대해서 살펴볼 것입니다. ---p.69

이번 장의 〈우쿨렐레〉 프로젝트에서는 패스를 사용하게 됩니다. 우쿨렐레의 현을 어떻게 표현할까 고민하다가 HTML5가 제공해 주는 패스를 쓰면 되겠다는 생각을 하게 되었지요. 따라서 실제 코드로의 여행에 들어가기 전에 패스에 관해 이해하고 있는 것이 좋습니다. 특히 〈우쿨렐레〉에서 사용되는 패스는 휘어지는 속성이 있기 때문에, 소위 말하는 베지어 곡선(Bezier Curve)에 대한 이해도 조금은 있어야겠네요. 생소한 용어들에 너무 당황하지 마시고, 제가 차근차근 설명할 테니 잘 따라와 주세요. 아셨죠? ---p.166

컨텍스트는 한글로 번역하면 ‘문맥’이나 ‘맥락’ 정도가 될 겁니다. ...(중략)... 자바스크립트를 사용하다 보면 이 ‘맥락’이 혼란스러울 때가 있습니다. 특히 this를 사용하려고 할 때 그런 경험을 하지요. 분명히 나는 ‘요런 맥락 내에서’ 사용을 했는데, 실제로는 ‘다른 맥락 내’에서 사용된 것처럼 작동될 때가 있다는 것이지요. 많은 곳에서 이런 혼란이 있기는 하지만 가장 많이 일어나는 곳이 이벤트 핸들러 내부일 것입니다. 핸들러가 비동기로 작동되는 특성이 있으니 그럴 만도 하겠지요. 자, 너무 말로만 떠들어대니 무슨 뜻인지 잘 이해가 안 가죠? 그래서 코드 하나를 준비해 봤습니다. ---p.191

모바일 브라우저에서 작업을 하다 보면 정말 불편할 때가 너무도 많습니다. 그 중 가장 불편한 것은 에러를 잡아내기가 생각보다 쉽지 않다는 점이지요. 이럴 때면 PC 브라우저에서처럼 디버깅이 잘 되면 얼마나 좋을까 하는 생각을 하게 됩니다. 그런데 저의 바람이 통했는지 크롬 모바일 브라우저와 사파리 모바일 브라우저에서 이제는 디버깅을 쉽게 할 수 있게 되었습니다. 예전에는 와이너리(Weinre)와 같은 원격 디버깅 툴을 사용하였지만, 개인적으로는 만족스럽지 못했습니다. 이번 절에서는 모바일을 위한 크롬과 사파리의 디버깅 툴에 대해서 알아보고, 앞서 언급했던 모바일 디바이스의 User Agent도 함께 살펴보도록 하겠습니다.

---p.289

출판사 리뷰 출판사 리뷰 보이기/감추기

회원리뷰 (2건) 회원리뷰 이동

리뷰 쓰기

혜택 및 유의사항?

총 평점 10.0점 10.0 / 10.0

검색결과 정렬 옵션 삭제

회원리뷰 전체보기

한줄평 (1건) 한줄평 이동

한줄평 쓰기

혜택 및 유의사항?

총 평점 10.0점 10.0 / 10.0

구매 한줄평

한줄평 전체보기

배송/반품/교환 안내

배송 안내

반품/교환 안내에 대한 내용입니다.
배송 구분	예스24 배송 배송비 : 무료배송
포장 안내	안전하고 정확한 포장을 위해 CCTV를 설치하여 운영하고 있습니다. 고객님께 배송되는 모든 상품을 CCTV로 녹화하고 있으며, 철저한 모니터링을 통해 작업 과정에 문제가 없도록 최선을 다 하겠습니다. 목적 : 안전한 포장 관리 촬영범위 : 박스 포장 작업

반품/교환 안내

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

반품/교환 안내에 대한 내용입니다.
반품/교환 방법	고객만족센터(1544-3800), 중고샵(1566-4295) 판매자 배송 상품은 판매자와 반품/교환이 협의된 상품에 한해 가능합니다.
반품/교환 가능기간	출고 완료 후 10일 이내의 주문 상품 디지털 콘텐츠인 eBook의 경우 구매 후 7일 이내의 상품 중고상품의 경우 출고 완료일로부터 6일 이내의 상품 (구매확정 전 상태)
반품/교환 비용	고객의 단순변심 및 착오구매일 경우 상품 반송비용은 고객 부담임 직수입양서/직수입일서중 일부는 변심 또는 착오로 취소시 해외주문취소수수료 20%를 부과할수 있음 단, 아래의 주문/취소 조건인 경우, 취소 수수료 면제 오늘 00시 ~ 06시 30분 주문을 오늘 오전 06시 30분 이전에 취소 오늘 06시 30분 이후 주문을 익일 오전 06시 30분 이전에 취소 직수입 음반/영상물/기프트 중 일부는 변심 또는 착오로 취소 시 해외주문취소수수료 30%를 부과할 수 있음 단, 당일 00시~13시 사이의 주문은 취소 수수료 면제 박스 포장은 택배 배송이 가능한 규격과 무게를 준수하며, 고객의 단순변심 및 착오구매일 경우 상품의 반송비용은 박스 당 부과됩니다.
반품/교환 불가사유	소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우 : 예) 화장품, 식품, 가전제품, 전자책 단말기 등 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예) CD/LP, DVD/Blu-ray, 소프트웨어, 만화책, 잡지, 영상 화보집 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우 eBook 대여 상품은 대여 기간이 종료 되거나, 2회 이상 대여 했을 경우 취소 불가 중고상품이 구매확정(자동 구매확정은 출고완료일로부터 7일)된 경우 LP상품의 재생 불량 원인이 기기의 사양 및 문제인 경우 (All-in-One 일체형 일부 보급형 오디오 모델 사용 등) 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
소비자 피해보상	상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 준하여 처리됨
환불 지연에 따른 배상	대금 환불 및 환불 지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리