Top

[맥 OS X과 아이폰 개발을 위한]
코어 애니메이션

  • 원서명Core Animation for Mac OS X and the iPhone: Creating Compelling Dynamic User Interfaces (ISBN 9781934356104)
  • 지은이빌 듀드니
  • 옮긴이김동현, 오형내, 추홍엽
  • ISBN : 9788960770843
  • 25,000원
  • 2009년 07월 07일 펴냄 (절판)
  • 페이퍼백 | 228쪽 | 185*235mm
  • 시리즈 : 모바일 프로그래밍

판매처

  • 현재 이 도서는 구매할 수 없습니다.

책 소개

아이폰과 맥 OS X이 차별화되는 비밀의 열쇠는 바로 코어 애니메이션. 다이내믹하고 환상적인 UI를 구성하는 코어 애니메이션 프레임워크와 API를 쉽고 재미있게 배울 수 있는 훌륭한 가이드북.


[ 소개 ]

[한국어판 특별부록 수록] 예제로 배우는 아이폰 코어 애니메이션

아이폰과 맥 애플리케이션의 부드럽고 멋진 효과의 비밀은 바로 코어 애니메이션이다. 이제 프론트 로우, 파인더 등 수많은 애플리케이션에서 즐겼던 커버플로우 효과를 직접 구현할 수 있다.

앞으로 만들 코코아 애플리케이션에 코어 애니메이션을 적용해 보자. 모션과 모핑 효과를 이용해 애플리케이션 사용자들에게 강렬한 시각적 피드백을 줄 수 있다.


[ 이 책에서 다루는 내용 ]

■ 코코아 애니메이션
■ 애니메이션 타입과 타이밍
■ 레이어 지원 뷰
■ 필터를 사용한 뷰
■ 코어 애니메이션 레이어, 스크롤, 기하
■ 레이어로 만드는 3D 효과

저자/역자 소개

[ 저자 소개 ]

빌 듀드니 (Bill Dudney)
맥용 소프트웨어를 개발하는 개발자며 사업가다. 넥스트스텝(NeXTStep) 0.9환경에 광자기 드라이브를 탑재한 넥스트 큐브(NeXT cube)에서 개발을 시작했다. 이후 오랜 기간 자바를 이용한 기업용 소프트웨어 구현으로 돌아섰지만 자신의 뿌리와 대중을 위해 멋진 애플리케이션을 구현하는 재미를 잊지 못하고, 다시 앱킷의 세계로 돌아왔다.


[ 옮긴이의 말 ]

요즘 아이폰에 대한 이야기가 끊이지 않습니다. 많은 매체에서 아이폰의 국내 발매를 놓고 많은 이야기가 떠돕니다. 이렇게 아이폰에 대해 말들이 많은 이유는 무엇일까요? 적어도 저와 같은 개발자의 관점에서는 가장 손쉽게 접근할 수 있는 모바일 플랫폼이기 때문일 겁니다. 거기에 애플 창사이래 가장 획기적인 발상이라는 이야기를 듣고 있는 아이폰의 진정한 킬러앱인 앱스토어가 그 중심에 있습니다. 그리고 실제로도 앱스토어는 개발자에게 그들이 꿈꾸던 기회를 제공하고 있습니다.

그렇지만 한걸음만 떨어져서 보면 아이폰도 모바일 플랫폼중 하나일 뿐입니다. 이미 오래 전부터 기회를 노려왔던 윈도우 모바일, 현실과 동떨어진 숫자이긴 하지만 점유율 1위 노키아 심비안, 그리고 인터넷의 강자답게 모든 것을 오픈하고 시장에 새롭게 뛰어든 구글 안드로이드. 이 플랫폼들도 나름대로 각자 고유한 매력을 지니고 앱스토어와 같은 솔루션도 보유하고 있습니다(막 등장해 어디로 튈지 모르는 팜프리는 논외로 하죠).

이들 플랫폼과 아이폰과의 차이는 무엇일까요? 이젠 다들 서로 비슷하다고 볼 수 있는데 왜 유독 아이폰만은 이렇게 많은 사람들의 마음을 설레게 할까요? 전 아이폰은 다른 플랫폼과는 달리 하드웨어와 소프트웨어 모두를 정의하는 점이라고 봅니다. 다른 플랫폼은 단지 OS를 뜻할 뿐입니다. 어떤 하드웨어에 올라가느냐에 따라 전혀 다른 느낌입니다. 아직은 안드로이드폰이라고 해도 G1밖에 떠오르지는 않지만 다른 제조사에서 어떤 형태의 폰을 만들지 짐작조차 하기 힘듭니다. 그렇지만 아이폰이라고 하면 다들 같은 그림을 그릴 겁니다. 직사각형 모양에 스크린과 홈버튼만 있는, 그리고 손끝으로 만지는 폰 말입니다.

덕분에, 이 하드웨어이자 소프트웨어인 아이폰은 모든 사람에게 동일한 경험을 제공합니다. 어떤 애플리케이션이든 앱스토어에서 내려받아 설치하고 대기화면의 큼지막한 아이콘으로 접근하며 기본적인 사용법은 모두 동일합니다. 전화를 걸고 음악을 들으며 비디오도 별로 어렵지 않게 재생할 수 있습니다. 그렇다면 이 경험을 예상 가능하고 배우기 쉽게 만들어 주는 것은 무엇일까요? 사실 각 애플리케이션의 구성은 여느 폰과 그리 다르지 않습니다. 그 차이를 만드는 것은 바로 애니메이션입니다.

아이폰에서의 애니메이션은 단지 눈요깃감이 아닙니다. 사용자가 아이폰을 만졌을 때 그것을 인지하게 하는 것부터, 지금 어디에 있고 무엇을 할 수 있는지, 그리고 그 결과가 어떤 것일지를 알려줍니다. 앱의 대기화면 아이콘을 터치하면 앱이 커져서 화면을 덮으며 실행됐음을 알려줍니다. 테이블에서는 스크롤 시 양쪽 끝에 더 이상 볼 것이 없다는 것도 애니메이션으로 알려줍니다. 아이콘을 오래 누르고 있으면 흔들거리는 애니메이션을 통해 아이콘 이동이나 삭제가 가능함을 알려줍니다. 애플리케이션에서는 하위 메뉴로 들어가는 중인지 아니면 지금 일과 상관없는 설정과 같은 일을 할 것인지 모두 창이 나오는 애니메이션을 통해 짐작할 수 있습니다. 두꺼운 설명서 하나 없이도 아이폰의 애플리케이션들을 손쉽게 사용할 수 있는 것은 잘 구현됐을 뿐만 아니라 애니메이션을 통해 직관적으로 알려주기 때문입니다.

이렇듯 멋진 애니메이션을 담당하는 것이 바로 ‘코어 애니메이션’입니다. 더욱 환상적인 것은 그 코어 애니메이션을 여러분의 애플리케이션에서도 쉽게 사용할 수 있다는 사실입니다. 아무리 멋진 아이디어로 애플리케이션을 만들더라도 사용자가 그 아이디어를 바로 이해할 수 있어야 합니다. 그러면 우선 애플의 가이드라인을 지켜서 사용자가 짐작하게 해야겠죠. 그렇지만 그 이상의 설명이 필요할 때가 있습니다. 그럴 때 사용자가 보지도 않을 도움말 파일보다는 간단한 애니메이션을 통해 아이디어를 전달할 수 있다면 얼마나 멋질까요? 그때 필요한 애니메이션을 구현할 수 있도록 도와주는 것이 바로 코어 애니메이션입니다.

이 책은 코어 애니메이션을 아주 간단한 예제부터 시작해서 마지막 아이폰까지 들어가도록 구성되어 있습니다. 맥인지 아니면 아이폰인지에 따라 코어 애니메이션에 몇 가지 차이점이 있기는 하지만 기본적으로 동일합니다. 그리고 내용이 적절한 속도로 진행되기 때문에 쉽게 배우실 수 있습니다. 그렇지만 이 책은 코어 애니메이션에 관한 책이지 맥 애플리케이션이나 아이폰 애플리케이션 개발에 대한 책은 아닙니다. 물론 코코아나 코코아터치에 관한 지식이 없어도 예제를 이해하는 데는 크게 문제가 없습니다. 아이폰만을 본다면 애플리케이션 개발의 기본적인 것을 다룬 『예제로 시작하는 아이폰 개발』에서 조금 아쉬웠던 점들, 자신의 애플리케이션을 다른 애플리케이션과 차별화하는 요인을 이 책 『코어 애니메이션』에서 찾으실 수 있을 겁니다.

여러분이 멋진 애플리케이션을 구현하는 데 도움이 되기를 바랍니다.


[ 옮긴이 소개 ]

김동현
서울대학교 조선해양공학과 학부와 대학원을 졸업하고 나름 열심히 배를 만들다가 진정한 개발자가 되고 싶다는 지금도 이해 못 할 결정 후 2004년 조직도에도 없는 다음 신규 서비스 팀으로 입사했다. 다음 파이 서비스를 기획/개발했고 UCC 동영상 기획/개발을 거쳐 다음 tv팟과 UCC 동영상 서비스를 담당하고 있다. 요즘은 다음 tv팟 아이폰 애플리케이션을 개발하고 있으며 최근 관심사는 모바일과 그에 따르는 위치기반서비스다. 현재 그에 필요한 작은 부분들을 동영상 개발팀원들과 함께 준비 중이다. 아이폰 개발과 웹 트렌드에 관한 소고, 신변잡기를 적고 있는 are you dreaming 블로그(www.i-dreaming.com)를 보면 그가 얼마나 ‘다양한 사람’인지 알 수 있다. 『예제로 시작하는 아이폰 개발』(에이콘출판, 2009)을 번역 출간하고 에이콘 모바일 프로그래밍 시리즈 에디터를 맡고 있다.

오형내
동네 컴퓨터 학원에서 배운 GW 베이직이 컴퓨터 개발의 전부라고 착각하고 입학한 연세대학교 컴퓨터과학과를 2000년에 멋지게 졸업했다. 벤처 신화를 따라 시작한 모험 끝에 2002년 다음 커뮤니케이션에 입사하여 커뮤니티 조직에서 여러 인터넷 서비스를 담당했으며, 잠깐 중국 상하이에서 코딩을 하는 재미있는 경험도 했다. 현재 다음 지도와 UCC 동영상 서비스를 담당하고 있고 개인적으로는 모바일 환경 변화에 맞는 새로운 서비스를 만들 수 있는 신대륙을 찾고 있다. 『예제로 시작하는 아이폰 개발』(에이콘출판, 2009)을 번역 출간했다.

추홍엽
맥북 구입 후 수 년간 윈도우 가상 머신만 띄워서 쓰다가 아이폰의 등장과 함께 풀타임 맥 유저로 전환했다. 지금은 윈도우를 쳐다보기도 싫어하는 전형적인 맥빠다. 스타벅스에서 따뜻한 아메리카노 한 잔과 함께 책을 읽는 것을 즐기는 초보 된장남. 요즘 취미는 만나는 사람마다 아이폰 홍보하기로 국내 휴대폰 제조사 직원이나 소개팅녀 등 상대를 가리지 않고 아이폰 영업(?)을 뛰고 있다. 서강대 컴퓨터학과를 졸업하고 몇몇 벤처를 떠돌다 다음 커뮤니케이션에 입사. 현재 RIA기술팀 소속으로 아이폰용 다음 지도 애플리케이션을 개발하고 있다. 코코아 및 아이폰 개발 관련 블로그 '사과는 맛있다(http://redleaf.tistory.com)'를 운영 중이며 트위터 http://twitter.com/redleafgogo로 오면 생생한 역자의 목소리를 들을 수 있다.

목차

목차
  • 01장 코어 애니메이션 소개
    • 1.1 코어 애니메이션이란?
    • 1.2 이 책에서 다루는 내용
    • 1.3 감사의 글
  • 02장 코코아 애니메이션
    • 2.1 애니메이션을 넣지 않고 이동하기
    • 2.2 코코아 애니메이션 소개
    • 2.3 애니메이션과 애니메이터 프록시
    • 2.4 애니메이션과 인터폴레이션
  • 03장 애니메이션 타입
    • 3.1 기본 애니메이션
    • 3.2 키프레임 애니메이션
    • 3.3 그룹 애니메이션
    • 3.4 트랜지션 애니메이션
    • 3.5 커스텀 애니메이션과 인터폴레이션
  • 04장 애니메이션 타이밍
    • 4.1 애니메이션 타이밍 곡선
    • 4.2 코코아 애니메이션 타이밍
    • 4.3 애니메이션 체인
  • 05장 레이어 지원 뷰
    • 5.1 앞으로 배우는 과정
    • 5.2 뷰와 레이어 계층 구조
    • 5.3 뷰 그림자
    • 5.4 뷰 알파
    • 5.5 뷰와 컨트롤 회전
    • 5.6 레이어 지원과 성능 문제
  • 06장 뷰 필터
    • 6.1 뷰 필터
    • 6.2 배경 필터
    • 6.3 컨텐트 필터
    • 6.4 혼합 필터
  • 07장 코어 애니메이션
    • 7.1 레이어 호스팅 뷰
    • 7.2 레이어로 UI 만들기
    • 7.3 레이어를 트리로 구성하기
    • 7.4 제약 조건을 가진 레이어 레이아웃
  • 08장 코어 애니메이션 레이어
    • 8.1 애니메이션 타입과 레이어
    • 8.2 애니메이션 타이밍
    • 8.3 회전과 레이어
    • 8.4 필터와 레이어
    • 8.5 레이어 컨텐트 관리
    • 8.6 레이어에서의 드로잉
    • 8.7 타일 레이어
    • 8.8 애니메이션과 액션
  • 09장 레이어 스크롤과 기하
    • 9.1 레이어 스크롤
    • 9.2 기하 관련 속성
    • 9.3 3D 공간에서의 레이어
  • 10장 3D 레이어
    • 10.1 레이어 외형에 높낮이 추가
    • 10.2 커스텀 레이어 레이아웃
    • 10.3 3D 변환
  • 11장 미디어 레이어
    • 11.1 퀵타임 레이어
    • 11.2 쿼츠 컴포저 컴포지션 레이어
    • 11.3 OpenGL 레이어
  • 12장 아이폰에서의 코어 애니메이션
    • 12.1 코코아 터치
    • 12.2 레이어와 애니메이션
    • 12.3 OpenGL 레이어
  • 부록 예제로 배우는 아이폰 코어 애니메이션
    • 코어 애니메이션을 사용하지 않는 간단한 애니메이션
    • 간단한 코어 애니메이션 예제

관련 블로그 글

맥 OS X과 아이폰에 생명을 불어넣는 '코어 애니메이션'
사용자 삽입 이미지
맥 OS X과 아이폰 개발을 위한
코어 애니메이션
빌 듀드니 지음 | 김동현 오형내 추홍엽 옮김 | 모바일 프로그래밍 시리즈 3
2009년 7월 7일 출간 예정 | 212쪽 | 25,000원

아이폰과 맥 OS X이 차별화되는 비밀의 열쇠는 바로 코어 애니메이션. 다이내믹하고 환상적인 UI를 구성하는 코어 애니메이션 프레임워크와 API를 쉽고 재미있게 배울 수 있는 훌륭한 가이드북.

참, 말도 많고 탈도 많던 아이폰 출시. 여전히 오리무중, 뭔가 손에 잡히는 건 하나도 없습니다만, 여하튼 그래도 아이팟터치로 접하는 앱스토어에 국내 개발자분들이 올리는 애플리케이션들을 하나둘 접할 때마다 반가운 마음이 많이 듭니다. 국내 첫 아이폰 서적 『예제로 시작하는 아이폰 개발』을 펴낸 저희 에이콘출판사에서 두 번째 책 『맥 OS X과 아이폰 개발을 위한 코어 애니메이션』을 출간합니다. 첫 책을 번역한 김동현님과 오형내님에, 초미남 역자 추홍엽님이 가세를 해서 꽃남 삼인방이 번역을 하셨네요. :)
사용자 삽입 이미지
아이폰과 맥 애플리케이션의 부드럽고 멋진 효과의 비밀은 바로 코어 애니메이션이다. 이제 프론트 로우, 파인더 등 수많은 애플리케이션에서 즐겼던 커버플로우 효과를 직접 구현할 수 있다.

앞으로 만들 코코아 애플리케이션에 코어 애니메이션을 적용해 보자. 모션과 모핑 효과를 이용해 애플리케이션 사용자들에게 강렬한 시각적 피드백을 줄 수 있다.

■ 코코아 애니메이션
■ 애니메이션 종류와 타이밍
■ 레이어 기반 뷰
■ 필터를 사용한 뷰
■ 코어 애니메이션 레이어, 스크롤, 기하
■ 레이어로 만드는 3D 효과


사용자 삽입 이미지

매킨토시 컴퓨터가 맥빠라는 일군의 긱과 구루 집단을 이끌며 열혈추종자 무리를 이끌고 있는 이유가 무엇일까요? 국내산 차를 타보면 (물론 좋은 차는 좀 다를지 모르겠지만) 특히 가장 불만스러운 부분이 오디오 파트입니다. 도대체 차량용 오디오는 어떤 컨셉으로 만드는 건지 의심스러울 정도랄까요. 도대체 Repeat기능을 삭제한 오디오 개발파트는 진정 음악을 안 들으시는 거겠죠? 셔플 기능을 깊숙한 곳에 숨겨두질 않나. 최근엔 바뀐 것 같긴 합니다만, 음악 듣다가 rewind 버튼을 누르면 곡 처음으로 가야 할 것을 전 곡 맨 앞머리로 가질 않나. (죄송합니다~ 꾸벅)

여튼 유형이든 무형이든 제품을 만들 땐 많이 사용해보고 사용자 입장에서 사용성을 높이는 게 정말 중요한 것 같습니다. 네, 바로 그 "개밥먹기"랑 비슷한 얘기겠죠. 아이팟 터치를 써보면서도 사용자 입장에서 정말 감탄해마지 않는 것이, 바로 그 사용성이었습니다. 기능이 아니라 사용자 감동을 추구하는 부분 말씀이죠. 맥은 아이팟과는 좀 다르다는 이야기도 합니다만, 여기서 일조하는 것이 바로 "애니메이션"처리도 한몫을 하는 것 같습니다.

사용자 삽입 이미지

천 마디 말이 필요없이 한 가지 애니메이션만으로도 사용성과 사용자 경험을 높일 수 있는 거죠. 단지 기능 열 가지를 기획해서 그 1부터 10까지의 기능을 넣은 애플리케이션을 만들던 시대는 지났습니다. 한 가지 모션 만으로도 효과를 백배 높일 수 있는 효과를 만들어야, 아니 "아주 쉽게" 만들어야 합니다.

우리나라뿐만 아니라 전세계적으로도 무한대로 쏟아져 나오고 있는 "아이폰 서적"중에서 우리 책이 부각돼야 하는 이유는 바로 이것때문입니다. "남들과 다른" 혹은 "남들에게 뒤지지 않는" 애플리케이션을 만들어야 하기 때문이지요. 앞으로 여러분이 저희 에이콘 모바일 시리즈 책들에 관심을 가져야 할 이유도 그때문이구요.

아이폰에서의 애니메이션은 단지 눈요깃감이 아닙니다. 사용자가 아이폰을 만졌을 때 그것을 인지하게 하는 것부터, 지금 어디에 있고 무엇을 할 수 있는지, 그리고 그 결과가 어떤 것일지를 알려줍니다. 앱의 대기화면 아이콘을 터치하면 앱이 커져서 화면을 덮으며 실행됐음을 알려줍니다.

테이블에서는 스크롤 시 양쪽 끝에 더 이상 볼 것이 없다는 것도 애니메이션으로 알려줍니다. 아이콘을 오래 누르고 있으면 흔들거리는 애니메이션을 통해 아이콘 이동이나 삭제가 가능함을 알려줍니다. 애플리케이션에서는 하위 메뉴로 들어가는 중인지 아니면 지금 일과 상관없는 설정과 같은 일을 할 것인지 모두 창이 나오는 애니메이션을 통해 짐작할 수 있습니다.

두꺼운 설명서 하나 없이도 아이폰의 애플리케이션들을 손쉽게 사용할 수 있는 것은 잘 구현됐을 뿐만 아니라 애니메이션을 통해 직관적으로 알려주기 때문입니다.

이렇듯 멋진 애니메이션을 담당하는 것이 바로 ‘코어 애니메이션’입니다.

- 김동현, 옮긴이의 말 중에서
이 책에서는 아주 간단한 예제에서부터 시작해 기본 애니메이션, 코어 애니메이션을 배우고 마지막으로 아이폰까지 확장합니다. 사실 맥 OS X과 아이폰용 코어 애니메이션에 그다지 다른 점이 많지 않다는 점을 고려할 때 아주 전형적인 전개방식이 되겠죠. 게다가 역자 김동현님께서 이번 책에도 "예제로 배우는 아이폰 코어 애니메이션"이라는 짤막한 부록을 실어 독자분들의 이해를 돕고자 했습니다.

아이폰에 대한 기본 지식이 있다면 술술 읽힐 거구요. 저 또한 그랬습니다만, 플래시 등 간단한 애니메이션 기초만 알고 있어도 재미있게 읽을 수 있도록 구성되어 있으니 도약을 원하는 아이폰 개발자들에게 지금 이 시점에서 꼬옥! 필요한 책이 될 거라 생각합니다.

사용자 삽입 이미지
정말 여러 모로 도움 너무 많이 주시는 우리 역자 김동현님. 요새 꽁지머리로 헤어스타일을 바꾸신 게 전 훨씬 마음에 드는데(왠지 삼손 머리처럼 그 꽁지머리에서 뭔가 비장의 아이디어들이 샘솟는 듯!), 인증샷을 아직 못 담았네요. 담에 꼭! ^^; 아이폰 책 번역 뿐 아니라 모바일 시리즈 에디터 맡으셔서 화려한 라인업을 만들어주시느라 고생 많으셔요. 고맙습니다. ^^/ 안방마님처럼 모든 작업을 챙겨주시고 번역은 물론 꼼꼼히 리뷰해주시느라 고생 많으신 오형내님도 너무너무 감사합니다. 얼굴은 늘 스마일인데 걸음도 빠르고 일도 빠르고 드시는 것도 빠르고. ㅋㅋ 앞으로도 잘 부탁드려요! 마지막으로 불법(?) 매뉴얼 번역 하고 계시단 말을 듣고 "그거 저작권상 불법일지도~ 안 돼효!"라며 뜯어 말린 후 이 화려한(?) 역자 세계에 발을 들여놓게 만들어놓은 후.. '아 이게 잘 된 건지 안 잘 된 건지 지금쯤 심히 혼란해 하실' 추홍엽님, 첫 번역 힘드셨죠? ^^; 막판 휴가까지 내시며 마감 버닝하시느라 고생많으셨습니다. (사진 컨셉 유지하세요. ㅋㅋ)

그리고 김수정씨에 이어, 또 한명의 숨겨놓은 에이콘 편집자 양아영님의 첫 작품. 고생하셨구요. 앞으로 두 분의 활약 기대하겠습니다. 역자분들도 힘 많이 실어주세요~

앞으로 이 분들과 함께, 그리고 또 우리 기존 역자분들과 함께 선보이게 될 에이콘 모바일 시리즈에 많은 관심 부탁드려요. 아마 두어달 내로 정말 야심작 두 권을 곧 또 선보이게 될 거예요. 기대 만빵하셔도 실망하지 않으실 겁니다. :)

이 책 맥 OS X과 아이폰 개발을 위한 코어 애니메이션YES24, 강컴, 교보문고, 인터파크, 알라딘 등에서 예약 판매 중입니다. 청년재벌은 아직 유효해요. 아니 이제 시작일 뿐이죠. 모두모두 대박나세요! ^^/
CC

크리에이티브 커먼즈 라이센스 이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

도서 오류 신고

도서 오류 신고

에이콘출판사에 관심을 가져 주셔서 고맙습니다. 도서의 오탈자 정보를 알려주시면 다음 개정판 인쇄 시 반영하겠습니다.

오탈자 정보는 다음과 같이 입력해 주시면 됩니다.

(예시) p.100 아래에서 3행 : '몇일'동안 -> 며칠동안