과거에는 데스크톱이 웹 환경을 지배했다면, 미래는 모바일 디바이스의 세상이 될 것입니다. 모바일 디바이스는 제한된 메모리와 느린 CPU를 가지고 있기 때문에 네트워크 속도 또한 느립니다. 하지만 가장 중요한 것은 모든 모바일 디바이스가 터치 인터페이스를 가지고 있다는 점입니다. 모바일 환경에 맞게 개발한다는 것은 터치 인터페이스를 개발하는 것이라고 할 수 있습니다. 데스크톱 환경에서 사용되었던 기술들이 모바일 웹에서도 대부분 사용되지만 일부는 완전히 새로운 부분입니다. 그리고 그런 부분들에 대한 올바른 정보를 얻기가 쉽지 않습니다. 이 책은 사용자가 빠르다고 인식할 수 있는 터치 인터페이스를 만드는 데 초점을 두고 있습니다. 웹사이트의 최적화 접근법에 방향을 두고 구성되어 있으며 전반부는 모바일 사이트를 기준으로 웹사이트의 속도를 더욱 높이는데 필요한 기본적인 내용을 중심으로 설명하며. 책 후반부는 터치 인터페이스에 관련된 내용을 다루며, 사용자가 최대한 빠르고 유연하게 느낄 수 있도록 개발하는 데 중점을 두고 설명하고 있습니다.
[이 책의 특징]
•쉽고 체계적인 구성
터치 인터페이스에 최적화된 깔끔한 예제와 풍부한 그림을 통해 쉽고 체계적으로 명령어를 이해할 수 있으며 실제 환경에서 테스트 하는 방법 및 최고의 사용자 인터페이스 개발자의 모범 사례를 통한 인사이트와 HTML5로 인터페이스를 개발하는데 강조되는 기술을 이해할 수 있습니다.
•모든 소스 코드 제공
이 책의 모든 소스 코드 샘플과 새로 변경된 내용들을 저자가 운영하는 사이트에서 직접 확인할 수 있습니다. 또한 샘플 코드의 문제 및 관련 내용을 사이트에서 직접 문의하거나 도움을 요청할 수 있습니다.
•부록 제공
부록에서는 디버깅 도구 및 모바일에 초점을 맞춘 일반적인 프레임워크를 만드는 방법을 설명합니다.
[독자 타깃]
•모바일이나 터치 인터페이스 개발 경험이 전혀 없는데 이런 것들을 배우고 싶은 사용자
•모바일 환경에서 작업하고 있으나 더 좋은 모바일 웹사이트를 만들기 위해 고민하는 개발자
[장별 요약]
Part 01 모바일 환경
오늘날 수백 가지의 모바일 제품들이 쏟아져 나오고 있습니다. 제품의 종류는 다양 하지만 더욱 진화된 웹브라우저와 터치 인터페이스는 동일합니다. 이곳에서는 터치 디바이스와 데스크톱의 차이점 등 모바일 환경에 대한 내용을 이해합니다.
Part 02 간단한 콘텐츠 사이트 작성
Part 02에서는 모바일 과 데스크톱을 모두 지원하는 것을 목적으로 한 ‘희귀조류협회’라는 가상의 고객을 위해 캘리포니아 지역에 서식 하는 새들에 대한 정보로 구성된 웹사이트를 개발합니다.
Part 03 최초 로딩 속도 향상
모바일과 같은 특별한 환경에서 사이트가 처음 로딩될때 느리다고 느끼게 되면 사용자 들은 점점 떠나갈 것입니다. 첫 로딩 속도가 빨라야 한다는 것은 사이트의 반응성(responsive)을 높이는 데 있어서 가장 기본적이며 필수적인 항목입니다. 사이트의 첫 로딩 속도를 해결하기 위한 PageSpeed, YSlow, 그리고 많은 툴과 서비스들에 대해 학습합니다.
Part 04 두 번째 방문 시 속도 향상
웹에서 우리는 사용자가 자주 방문하는 사이트에 대한 속도를 최대한 향상하기 위해 캐싱을 이용합니다. 이곳에서는 장소에 상관없이 캐싱을 가장 효과적으로 사용할 수 일반적인 브라우저 캐시를 살표봅니다.
Part 05 PJAX를 이용한 터치 효과 향상
Part 05에서는 드라마틱하게 속도를 향상하기 위해 페이지가 모두 로 드되는 것을 피할 수 있는 방법에 대해 설명합니다.
Part 06 탭 vs 클릭：기본적인 이벤트 다루기
마우스 기반 인터페이스의 근본적인 대화 수단이 클릭이라면 터치 인터페이스의 근본적인 대화 수단은 탭(tap)입니다. 탭은 클릭과 거의 비슷한 것 같지만 실제로 탭과 클릭은 많은 차이점이 있습니다. 이곳에서는 탭에 대한 기본적인 이벤트에 대해 학습합니다.
Part 07 CSS 트랜지션, 애니메이션, 그리고 트랜스폼
Part 7에서 CSS를 이용해 애니메이션 속도를 올리는 방법과 2D 애니메이션과 3D 애니메이션의 몇 가지 차이점에 대해 학습합니다. 또한 자바스크립트 애니메이션만 사용할 경우를 위해 requestAnimationFrame을 사용하는 방법에 대해 학습합니다.
Part 08 자바스크립트 성능 최대화하기
아무리 신중하게 클라이언트 코드를 만들더라도 조금만 지나면 그 코드가 심하게 느려지는 것을 종종 발견합니다. 이곳에서는 이런 문제를 해결하는 방법과 터치에 최적화된 코드를 만드는 몇 가지 원칙을 학습합니다.
Part 09 기본적인 제스처
스와이프(swipe)와 같은 가장 기본적이고 중요한 제스처들에 대해 학습합니다.
Part 10 스크롤링과 스와이프
스크롤링(scrolling)과 스와이핑(swiping) 동작과 윈도우 8 의 IE10.0에서에서 터치 이벤트를 사용하는 방법에 대해 배워본다.
Part 11 핀칭(Pinching)과 다른 복잡한 제스처
Part 11에서는 웹킷, 파이어폭스 그리고 IE10.0에서 멀티터치를 다루는 기본적인 방법에 대해 학습하며 멀티터치 제스처 중 가장 많이 사용하는 핀 치 제스처를 직접 구현합니다.
부록
디버깅 도구 및 모바일에 초점을 맞춘 일반적인 프레임워크를 만드는 몇 가지 방법을 설명한다.
건전한 리뷰 정착 및 양질의 리뷰를 위해 아래 해당하는 리뷰는 비공개 조치될 수 있음을 안내드립니다.
타인에게 불쾌감을 주는 욕설
비속어나 타인을 비방하는 내용
특정 종교, 민족, 계층을 비방하는 내용
해당 작품의 줄거리나 리디 서비스 이용과 관련이 없는 내용
의미를 알 수 없는 내용
광고 및 반복적인 글을 게시하여 서비스 품질을 떨어트리는 내용
저작권상 문제의 소지가 있는 내용
다른 리뷰에 대한 반박이나 논쟁을 유발하는 내용
* 결말을 예상할 수 있는 리뷰는 자제하여 주시기 바랍니다.
이 외에도 건전한 리뷰 문화 형성을 위한 운영 목적과 취지에 맞지 않는 내용은 담당자에 의해 리뷰가 비공개 처리가 될 수 있습니다.
책의 전반적인 기술수준은 인정합니다.최신 JAVASCRIPT(ECMAScript - 2015)에 관한 꽤나 최신 기술들이 수록되어 있습니다. 하지만 아직까지도 익스플로러 구버전을 쓰는 사람이 많은 우리나라의 현실에는 맞지 않는 부분이 다수입니다. 우리나라에서 이 책의 기술을 적용하려면 짧게는 몇년, 길게는 몇십년 뒤가 되어야 할 것 같습니다. 하지만 웹페이지 속도 향상은 중요한 이슈이며, 정말 실력있는 프론트엔드 개발자가 되려면 이 책의 내용은 알 필요가 있다고 보여집니다.
zoa***
2017.02.05
'구매자' 표시는 유료 작품 결제 후 다운로드하거나 리디셀렉트 작품을 다운로드 한 경우에만 표시됩니다.
무료 작품 (프로모션 등으로 무료로 전환된 작품 포함)
'구매자'로 표시되지 않습니다.
시리즈 내 무료 작품
'구매자'로 표시되지 않습니다. 하지만 같은 시리즈의 유료 작품을 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
