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

한빛출판네트워크

웹 표준으로 만드는 안드로이드 웹앱 : with HTML, CSS, 자바스크립트, 제이쿼리, 제이큐터치, 폰갭(개정판)

  • 저자 : 조나단 스타크
  • 번역 : 김지원 , 정훈
  • 출간 : 2012-03-24
  • 페이지 : 192 쪽
  • ISBN : 9788979149111
  • 물류코드 :1911
TAG :
초급 초중급 중급 중고급 고급
3.5점 (4명)
좋아요 : 34

네이티브 언어를 몰라도 안드로이드앱을 만들 수 있다!

HTML, CSS, 자바스크립트를 쓸 줄 안다면, 이미 안드로이드앱 개발을 위한 능력을 갖춘 것이다. 이 책은 자바 없이 오픈 소스 웹 표준으로 안드로이드앱을 개발하고 디자인하는 방법을 알려준다.

더 유연한 앱을 만드는 절대적인 방법, 웹 표준으로 도전하라! 안드로이드에 최적화된 웹앱을 만들고, 폰갭 프레임워크를 이용해서 네이티브 안드로이드앱으로 변환하자! 다양한 디바이스에서 동작하는 모바일앱이 미래를 요동치게 할 것이다.

  • 안드로이드용 웹페이지 만들기
  • jQeury로 진행 표시기를 웹앱에 띄우기
  • jQTouch로 애니메이션 추가하기
  • 오프라인에서도 동작하는 앱 개발하기
  • 폰갭으로 가속도계, GPS, 카메라 같은 하드웨어 제어하기
  • 웹에서 앱을 테스트하고 안드로이드 마켓에 올리기

모바일 앱 컨설턴트인 조나단 스타크가 제안하는 '강력하고 유연한 앱 만들기' 방법을 배우자!

추천사

모바일웹은 모바일 디바이스의 인터넷 접속수가 데스크톱에서의 접속 수를 능가하면서 더욱 중요해졌다. 이 책은 빠르게 모바일 웹앱을 만들고 앱스토어에 올려 판매할 수 있는 효과적인 방법을 제시한다. 또 이를 위해 폰갭 프로젝트 유틸리티와 현대적인 모바일웹 개발 방법까지 설명한다.
- 브라이언 리룩스, Nitobi Software

저자

조나단 스타크

모바일&웹 컨설턴트다. 월 스트리트 저널에 ‘웹 전문가’로 소개되기도 했다. PHP와 아키텍트 전문 매거진에 기고한 내용을 바탕으로 웹앱 프로그래밍 서적을 두 권 저술했고, 인터넷과 모바일 라이프스타일 트렌드 미디어에 소개되기도 했다. Tandy T-80에서 시작한 프로그래밍 경력이 어느덧 20년이 넘은 조나단은 Zork를 여전히 최고의 게임이라고 생각한다.
역자

김지원

여가 시간에는 플래시 아이템 제작, 컴퓨터 음악 작곡 등을 하며, 때로는 구성이 잘 된 웹디자이너들의 사이트를 탐색하면서 아이디어를 구상하기도 한다. 뜨거운 감자인 웹 표준에 관해서도 큰 관심을 갖고 있으며, 이와 관련해서 유용한 보충 자료를 수집해 블로그를 통해 제공할 예정이다. 최근 우리말 번역에 있어서 기술 용어의 일관성에 대해 고민하고 있다. 건국대학교 신소재공학과를 졸업한 후, 기술문서, 매뉴얼 등을 위주로 번역해왔으며 유비쿼터스 IT 관련 논문들의 번역 작업에 참여했다. 2004년부터 현재까지 정보기술, 건축, 화학, 디자인, 사운드 등의 분야에서 프리랜서 번역가로 활동 중이다.
역자

정훈

대학교에서 컴퓨터공학을 전공한 후 게임 및 웹 프로그래머 등으로 활약해 왔다. 기획과 디자인 등에도 관심이 많으며, 현재도 꾸준히 즐겁고 신나는 무언가를 찾으며 살고 있다.

1장. 시작하기
  1.1 웹앱 vs. 네이티브앱
     웹앱
     네이티브앱
     장단점
     어떤 방법을 사용해야 할까요?
  1.2 웹 프로그래밍 집중 코스
     HTML 소개
     CSS 소개
     자바스크립트 소개

2장. 기본 스타일
  2.1 웹사이트가 없으신가요?
  2.2 첫 단계
     안드로이드 스타일시트 분할 준비
     페이지 크기 제어
  2.3 안드로이드 CSS 추가
  2.4 안드로이드 룩앤필 
  2.5 jQuery로 기본적인 동작 추가하기
  2.6 이 장에서 배운 것

3장. 고급 스타일링
  3.1 Ajax 터치 추가 
  3.2 교통을 정리해주는 adroid.html 작성
     작업할 때 필요한 콘텐츠 설정하기 
     자바스크립트로 요청 보내기 
  3.3 간단한 부가 기능 
     진행률 표시기 
     페이지 제목 설정하기
     긴 타이틀 다루기 
     맨 위까지 자동 스크롤
     로컬 링크만 하이젝킹하기 
     Back 버튼 만들기 
  3.4 홈 스크린에 아이콘 추가하기
  3.5 이 장에서 배운 것

4장. 애니메이션
  4.1 jQTouch 활용하기
  4.2 슬라이딩 홈 
  4.3 Dates 패널 추가 
  4.4 Date 패널 추가
  4.5 New Entry 패널 추가 
  4.6 Settings 패널 추가 
  4.7 더 추가해볼 것들 
  4.8 jQTouch 최적화
  4.9 이 장에서 배운 것

5장. 클라이언트 측 데이터 저장소
  5.1 웹스토리지
     로컬 스토리지에 사용자 설정 저장하기
     세션 스토리지에 선택한 날짜 저장하기 
  5.2 웹SQL 데이터베이스 
     데이터베이스 생성
     행 삽입하기 
     행을 선택하고, 결과 세트를 핸들링하기 
     행 삭제하기 
  5.3 웹 데이터베이스 에러 코드 레퍼런스
  5.4 이 장에서 배운 것 

6장. 오프라인에서 동작하기
  6.1 오프라인 애플리케이션 캐시의 기본
  6.2 온라인 Whitelist와 Fallback 옵션 
  6.3 동적 Manifest 파일 생성하기
  6.4 디버깅
     자바스크립트 콘솔
  6.5 이 장에서 배운 것

7장. 네이티브앱과 같은 기능 구현
  7.1 폰갭 소개
  7.2 이클립스와 안드로이드 SDK로 앱을 로컬에서 제작하기
    이클립스 클래식을 내려받아 설치하기
    안드로이드 SDK를 내려받아 설치하기
    ADT 플러그인 설치하기
    안드로이드 플랫폼과 다른 구성요소 추가하기
    폰갭의 최신 버전 내려받기
    새 안드로이드 프로젝트 설정하기
    Kilo를 안드로이드 앱으로 실행하기
  7.3 자바스크립트로 폰 제어하기
    신호음, 진동, 경고창
    지오로케이션
    가속도계
  7.4 이 장에서 배운

8장. 안드로이드 마켓에 앱 올리기
  8.1 앱의 배포 버전을 준비하기
     디버그 코드 삭제
     앱의 버전 설정하기
     앱을 컴파일하고 서명하기
  8.2 안드로이드 마켓에 올리기
  8.3 앱 직접 배포하기 
  8.4 추가자료 

부록 A. 사용 중인 기기나 브라우저를 WURFL로 알아내기
  A. WURFL로 사용 중인 기기나 브라우저 알아내기
     설치
     환경설정
     wurfl-php 테스트

  • 부분부분 이해는하지만....
    갑자기 jqtouch가 나오고 갑자기 ajax가 나오고...
    어떠한 설명도없이 뜬금없으니 초보에게는 비추천할만한 책입니다.
    물론 그 문법이 높은 수준은 아니나,
    기초공부정도는 해두어야할 듯합니다.
    그런 선행과정이 된 후에는 이만한 책도 없다고 느껴지네요.

  • < 웹 표준으로 만드는 안드로이드 웹앱 : with HTML, CSS, 자바스크립트, 제이쿼리, 제이큐터치, 폰갭(개정판) >

    이 책의 제목을 보면 굉장히 많은 것을 다루고 있으며 엄청 두꺼울 것 같은 느낌이 든다. 하지만 굉장히 앏은 책으로 놀라움을 선사한다.

    깊이있게 다루고 있지는 않지만 웹앱을 만들기 위해 필요한 부분을 중심으로 소개하고 있다.

    책을 읽으면 옆에서 이야기해주는 느낌이 든다. 첫장부터 순서대로 읽어 내려가기 편하다.
    그리고 저자는 Note를 통해 상세부연설명을 덧붙여 주고 있으며, 프로그램 설치나 사용시 발생할 수 있는 문제들의 해결법도 가이드해주고 있다.

    프로그래밍 책을 볼 때마다 그 두께에 마음이 먼저 무거워지던 나에게 이 책은 짧은 시간에 한권을 다 읽고 필요한 지식을 습득하는 기쁨을 줬다.

    ★★ 이런 분께 추천 ★★

    어느 정도 웹프로그램에 기초지식이 있는 분이라면 충분히 따라 할 수 있다고 생각됩니다. 프로그래밍에 능숙한 전문가가 아니라도 충분히 이해할 수 있는 책이라고 생각됩니다.
    대학교 1학년 정도 마치신 분이라면 충분히 따라할 수 있지 않을까 합니다.
    안드로이드 프로그래밍을 시작하는 분들께 추천합니다.

    ★★ 장 점 ★★

    1. 책의 분량이 많지 않고, 웹앱의 제작과 배포를 실습해 볼 수 있는 전반적인 내용이 담겨 있어 좋습니다.

    2. Note를 통해 부연설명과 관련 지식을 더 찾아볼수 있는 사이트주소, 책 등을 저자가 직접 추천해 주는 것이 좋습니다.

    3. 웹앱 제작을 진행하면서 부딪힐수 있는 문제에 대한 해법을 각각의 운영체제 환경에 맞춰 제공해 주는 것이 좋습니다.

    4.책에서 사용한 소스에 대한 라인별 상세 설명을 제공해 줍니다.


    ★★ 아쉬운 점 ★★

    번역서가 가지는 특징이 좀 아쉽습니다. 번역이 부드러운 편이긴 하지만 종종 몇몇 문장의 직역에 가까운 번역이 같은 줄을 여러 번 읽게 만듭니다.

  • * 본문에서 다루는 내용은 다음과 같습니다.
    - 네이티브앱 vs 웹앱의 차이점.
    - HTML, CSS, 자바스크립트를 서로 다른 파일로 분리하여 구성하는 방법.
    - 데스크톱 버전과 안드로이드 버전의 스타일시트로의 구성.
    - 본문에서 사용하게될 HTML,CSS, 자바스크립트, jQuery, jQTouch에 대한 간략한 설명.
    - 서버가 아닌 클라이언트측에 데이터를 저장하기 위한 웹 스토리지(로컬스토리지, 세션스토리지)와 웹 SQL 데이터베이스의 사용 방법.
    - 오프라인에서 동작하기 위한 캐시 Manifest 설정방법.
    - 디버깅을 위한 자바스크립트 콘솔로깅.
    - 웹앱의 제약사항인 모바일 기기에의 제어를 가능케해주는 오픈소스 개발 도구인 폰갭.
    - 안드로이드 마켓에 등록하기 위한 배포 준비과정 등을 개발에 꼭 필요한 내용만 선정하여 설명합니다.

    * 전반적인 평가를 내려봅니다.
    안드로이드용 웹앱에 대한 개념을 잡는 데에는 좋은 서적같습니다. 다소 어렵지만 안드로이드 웹앱에 대한 입문서로는 추천할 만 합니다. 특히 Java언어를 잘 몰라도 웹 기술과 폰갭으로 배포가능한 안드로이드 앱을 만들 수 있다는 점이 흥미롭습니다. 각 장에서 다루는 내용의 분량이 적은편이어서 이해하는데 부담은 적은것 같습니다.

    * 장점으로 생각되는 사항들 입니다.
    본문에서는 칼로리 계산을 위한 Kilo 프로젝트를 진행하고 전반적으로 필요한 기술들을 꼭 필요한 내용만 제시합니다. 소스코드 기술 시 오른쪽에 번호를 매겨주고 이를 분석하여 정말 자세하게 설명해줍니다. 번역본 임에도 필체가 부드럽고 적합한 용어선정과 의미전달이 매끄러우워서 문맥적으로 그 의미가 어색하거나 한 점은 없습니다. 오탈자가 매우 적은 편입니다.

    * 아쉬운 점
    본문의 흐름에 따라 실습을 하는데, 답답한 점이 있었습니다. 일련의 기능 구현을 위해 소스코드의 일부분을 계속 변경하고 추가하는 방식인데, 정확히 어느부분을 어떻게 바꾸어야 하는지 중반부까지는 전체소스를 수록하고 있지 않는 경우가 종종 있어서 따라하기 쉽지 않았습니다. 또한 실행화면이나 기타 첨부화면이 다른 도서에 비해 상대적으로 적은 편입니다. 기 완성된 예제(다운로드 받은 예제소스)와의 실행화면에도 좀 차이가 있는것 같구요. 이 때문인지 따라하기가 쉽지는 않았습니다. 초보자에게는 다소 어렵게 느껴질 것 같습니다.

    * 다만 본문에서 다루는 웹 기술인 HTML, CSS, 자바스크립트, 제이쿼리, 제이큐터치, 폰갭은 어느 하나라도 제대로 익히려면 오랜시간과 이해력이 필요할 것 입니다. 책 한권씩은 되는 분량이니까요. 본문에서는 짧막한 활용법을 제시하면서 Kilo라는 프로젝트를 진행합니다. 위에서 언급한 기술들에 대해서는 정말 필요한 내용만을 다루므로 이런것이 있구나 정도로 이해하시고, 관련 기술에 대해서는 해당 분야의 전문서적을 참고하시는게 좋을 듯 합니다.

  • 이 책의 장점은 이 책 소개하는 페이지의 그림만 봐도 알 수 있듯이 모바일스럽게 변해가는걸 쉽게 할 수 있다는 점이고, 저는 주로 단점 위주로 적었습니다.

    첫번째 챕터
    웹앱과 네이티브앱의 비교가 나옵니다. 웹앱을 만들려고 이 책을 보시려는 분은 미리 웹앱의 단점(제약사항)을 읽어보셔야 할 거 같습니다.
    자신이 만들고픈 앱이 카메라나 스피커등 주변장치등을 이용해야하는 거라면 웹앱으로는 불가능하니까요. (음 후반부에 이렇게 만든 웹앱을 폰갭을 통해
    안드로이드 앱으로 만들어버리는군요. 따라서 가속도계나 카메라 마이크 스피커등을 이용할 수 있게 되네요. )

    HTML과 css, javascript 를 간략하게 소개하면서 각각이 어떤 역할을 하는지를 소개합니다.
    HTML소개 block 과 inline 에 대한 설명과 a(anchor) tag에 대한 설명정도, 그리고 js는 버튼 눌렀을때 클릭이벤트정도가 소개됩니다.
    짧으니까 개념정리한번 하고 시작한다는 느낌으로 보시면 될 듯 합니다.

    후리미엄 모델, 블록태그, 문서준비함수 등의 한글표기등이 나오는데 익숙하지 않아 좀 어색한 면이 있네요 ^^

    2장에서는 html에 점점 css를 적용하면서 웹페이지가 모바일처럼 변해가도록 하는게 신기하네요.
    가장 모바일답게 보이는 css가 정해져있다보니 자율성 다르게 꾸미기 어렵다는...
    그냥 이거쓰면 모바일처럼 보여 그냥 써 이렇게 말하는 느낌이랄까.
    마치 스타크래프트 잘나가던 시절 최대한 스타크래프트처럼 보이게 만들어라 라고 하던거처럼

    윈도우환경의 웹서버 구축설명이 IIS를 대상으로 해서 좀 아쉽고, php 아 난 자바개발자인데 웹쪽하려면 php는 필수인가봐요 ㅠㅠ)

    2장 읽으면서 기본적인 css에 대한 설명이 부족한게 아닐까 생각했는데 뒤에 나오는 챕터에서는 좀 더 자세히 설명해주네요.


    읽다보니 첫인상(첫표지에 html,css, javascript, jquery, jqtouch, phonegap 등 잔뜩 써있는거에 비해 책두께가 상당히 얇기에 불안했는데)과 달리 생각외로 군더더기없이 설명이 깔끔하네요

    chapter3부터의 예제는 ajax를 사용하는 예제들이라 웹서버의 url호출이 아닌 로컬html을 열었을때는 동작하지 않네요.(주의 표시가 있었으면 하는..)

    비단 웹앱을 만들때뿐 아니라 웹작업에 필요한 유용한 css관련 코드 스니펫들이 많이 들어있어서 좋네요.

    4장엔 jqtouch를 이용해 UI꾸미는 부분이 시작되는데 jqtouch 뭔가 버전업 되면서 책의 예제랑 경로등이 안 맞는듯. 으 문서화도 별루고
    UI에 대한 것은 설명을 보고 만들겠는데 실제 form에 action등을 설정하여 처리하는 예제등이 부족 ( 아 나중에 나오는군요)

    5장에서는 데이타를 저장할 웹스토리지와 웹SQL데이타베이스에 대한 설명이 나옵니다.
    이 책의 예제는 거의 모든것이 다 클라이언트단에서 이루어지네요. 로컬의 웹페이지 로컬의 폼 submit 하면 로컬의 스토리지 혹은 db 에 데이타저장하고 등등등
    그리고 트위터같은 외부API에 접근해서 정보를 받아 보여주는 형태의 예제등이 포함되었으면 더 좋겠다 하는 생각이 듭니다.


    폰갭 설치부분의 설명은 이클립스부터 안드로이드 설치 플러그인 설치등 합치면 수십가지 절차를 단지 text로만 설명해놓아서 버전이 바뀌거나 문제가 발생했을때 도움을 받기 어렵지 않을까 하는 생각이 드네요.

    이 책은 UI개발 과 캐싱 디버깅, 마켓에 앱등록 등 다양한 부분을 적은분량이지만 알차게 대부분 다룬다는 점에서 좋지만
    다루는 예제가 킬로 라는 (별로 매력적이지 않은) 칼로리 계산 앱 하나라서 다른종류의 웹앱을 만들땐 어떤것(기법)등이 필요한지 알 수 없다는 ...좀 다양성이 부족하다는게 아쉽네요.

부록/예제소스
자료명 등록일 다운로드
DOWNLOAD [본문관련] 예제소스 2012-02-24 다운로드
DOWNLOAD 예제소스 2016-04-06 다운로드
결재하기
• 문화비 소득공제 가능
• 배송료 : 0원배송료란?

배송료 안내

  • 책, 아이템 등 상품을 3만원 이상 구매시 무료배송
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

닫기

리뷰쓰기

닫기
* 도서명 :
웹 표준으로 만드는 안드로이드 웹앱 : with HTML, CSS, 자바스크립트, 제이쿼리, 제이큐터치, 폰갭(개정판)
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

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

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

오탈자 등록

닫기
* 도서명 :
웹 표준으로 만드는 안드로이드 웹앱 : with HTML, CSS, 자바스크립트, 제이쿼리, 제이큐터치, 폰갭(개정판)
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
웹 표준으로 만드는 안드로이드 웹앱 : with HTML, CSS, 자바스크립트, 제이쿼리, 제이큐터치, 폰갭(개정판)
구입처*
구입일*
부가기호*
부가기호 안내

* 회원가입후 도서인증을 하시면 마일리지 500점을 드립니다.

* 한빛 웹사이트에서 구입한 도서는 자동 인증됩니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한됩니다.

* 절판도서, eBook 등 일부 도서는 도서인증이 제한됩니다.

닫기

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

자료실