iOS와 안드로이드를 위한 HTML5

로빈 닉슨 저 / 박세현, 김정 역

“iOS 와 안드로이드를 위한 HTML5”로 시작하는 모바일 웹앱 만들기!

“iOS 와 안드로이드를 위한 HTML5”는 HTML5, CSS3와 같은 최신 기술을 사용하여 애플 iOS와 구글 안드로이드 디바이스를 위한 웹사이트나 독립 웹 앱을 만드는 데 필요한 모든 것을 담고 있다. 기존 프로그래밍 지식이 없더라도 걱정할 필요 없다. 




도서 상세

분야: [모바일, 프로그래밍, 웹프로그래밍]

출간일: Oct 31, 2012

페이지: 516

도서정가: 33,000 원

ISBN: 9788993827514

부가 정보


관련 도서

출판사 서평

이 책에서는 HTML5와 CSS3뿐만 아니라 JavaScript, MySQL, PHP와 같이 함께 사용하는 기술들도 가르쳐준다. 비록 iOS용 애플리케이션은 Objective-C로 작성되어야 하고 안드로이드는 Java를 사용해야 하지만, 필요한 코드는 책의 웹사이트에서 제공하므로 이들 언어를 배울 필요는 없다. 대신, iOS와 안드로이드에서 네이티브 애플리케이션처럼 돌아가는 고급 웹사이트, 웹앱, 독립 애플리케이션을 웹 기술을 사용해 만들 수 있게 될 것이다.

- HTML과 CSS 기초 지식을 차근차근 배우기
- PHP와 MySQL의 기초 지식부터 자바스크립트까지 배우기 
- Ajax 방식의 클라이언트 서버 사이 통신 방식 
- HTML5/CSS3를 모르는 초보자도 할 수 있는 전자책 만들기 
- 전자책이나 모바일 웹을 iOS/안드로이드 앱으로 만드는 방법 
- 반응성 좋은 모바일 앱을 만들기 위한 실천 팁

1부는 책의 1장부터 8장까지다. 1장에서는 HTML 4.01의 기본원칙을 배우고, 2장에서는 재미있고 폭넓은 튜토리얼과 함께 제공되는 넘쳐나는 예제와 스크린샷을 통해 HTML 5를 배운다. 그 다음 3장에서는 CSS를 설명하고, 4장에서 CSS의 최신 버전인 버전 3의 강점을 보여준다. HTML과 CSS 기술을 숙지한 뒤, 5장부터 7장에서 HTML과 PHP 언어를 기초에서 시작해 언제든 필요하면 바로 프로그램을 작성할 수 있는 수준까지 배울 것이다. 마지막 8장에서는 PHP를 지원하는 MySQL 데이터베이스 프로그램을 배우는데, 이를 통해 요즘 웹 인프라스트럭처의 대부분의 근간을 이루는 Ajax 통신 프로토콜의 클라이언트와 서버 측 모두를 다룰 수 있게 될 것이다.

2부, 9장부터 11장까지에서는 새로 배운 지식을 사용하여 모바일에 최적화된 웹사이트와 웹 앱을 개발하는 방법을 배운다. 3부는 iOS와 안드로이드 SDK(Software Development Kit)를 소개하고, 2장의 웹 앱을 독립 애플리케이션으로 만들어 애플과 구글의 앱스토어에 배포하는 방법을 보여준다. 




[Part 1 핵심 기술]

Chapter 1 HTML 소개
핵심 기술과 개념
왜 HTML을 사용해야 하는가? 
HTML 태그
태그 속성
HTML 문서의 구성 
[!DOCTYPE] 태그
인터넷 익스플로러를 위한 손질 
[html] 태그
[head] 태그
웹 문서 헤더 요약 
[body] 태그
주석 사용하기 
텍스트 형식 지정
이미지 첨부하기 
링크 만들기 
표(Tables)
목록(Lists)
폼(Forms)
[input /] 태그 
[div]와 [span] 태그
프레임(Frames)
HTML 4.01 태그 전체 목록 
요약

Chapter 2 HTML5 신기술
핵심 기술과 개념
폼 속성
폼 입력 형식
코덱
미디어 재생하기
마이크로데이터
웹 워커
오프라인 웹 애플리케이션 
그 밖의 HTML5 태그 

Chapter 3 CSS 소개
핵심 기술과 개념 
HTML 구조 고치기
CSS에 대하여
스타일시트 임포트하기
로컬 스타일 설정 
ID 사용하기
클래스 사용하기
CSS 규칙
다중 대입 
주석
스타일 종류 
기본 스타일 
사용자 스타일 
외부 스타일 시트 
내부 스타일 
인라인 스타일 
셀렉터 
타입 셀렉터 
자손 셀렉터 
자식 셀렉터
ID 셀렉터 
클래스 셀렉터 
속성(Attribute) 셀렉터 
유니버설 셀렉터
그룹으로 선택하기
캐스케이드(Cascade)
스타일 시트 생성자
스타일 시트 메서드 
스타일 시트 셀렉터 
어떤 규칙은 다른 규칙보다 더 우선한다
div와 span의 차이점 _
측정 
글꼴
글꼴 패밀리
글꼴 스타일
글꼴 크기
글꼴 두께 
텍스트 스타일 관리하기
꾸밈(Decoration)
간격 
정렬 
변환(Transformation) 
들여쓰기(Indenting)
색상 
짧은 색상 스트링
요소 배치하기
유사 클래스(Pseudo Classes)
약식 규칙
박스 모델
여백(Margin) 속성
테두리(Border) 속성 
패딩(Padding) 속성
요소 콘텐츠

Chapter 4 CSS3 개선점
핵심 기술 및 개념
속성 셀렉터
배경(Backgrounds) 
background-clip 속성
background-origin 속성
호환성 이슈
background-size 속성 
다중 배경
테두리(Borders)
border-color 속성
border-image 속성
border-radius 속성 
box-shadow 속성
요소 오버플로(Element Overflow)
HSL 색상 
RGB 색상
opacity 속성
다중 컬럼 레이아웃
text-shadow 속성
text-overflow 속성 
word-wrap 속성
box-sizing 속성 
브라우저 호환성 
resize 속성 
outline-offset 속성 
웹 글꼴
구글 웹 글꼴 
기타 CSS3 추가사항

Chapter 5 자바스크립트 소개
핵심 기술 및 개념
웹 페이지 내에서 자바스크립트 사용하기 
세미콜론 사용하기
자바스크립트 변수 
변수와 객체 이름 짓기 
숫자 변수 
스트링 변수
배열 
자바스크립트 연산자
산술 연산자
대입 연산자
비교 연산자
논리 연산자
삼항 연산자
자동 변수 타이핑
연산자 우선순위 
전역 변수
지역 변수 
조건 표현식 
if( ) 문 
else 문
switch( ) 문
코드의 반복 
while( ) 문
do ... while( ) 문 
for( ) 문 
자바스크립트 오류 잡고 표시하기 
요약

Chapter 6 HTML5와 자바스크립트 사용하기 
핵심 기술 및 개념
자바스크립트로 DOM 접근하기 
자바스크립트로 CSS 스타일 접근하기 
Class로 여러 요소 접근하기 
캔버스
자바스크립트로 캔버스 접근하기
캔버스를 이미지로 변환하기 
직사각형 다루기
색상, 그래디언트, 패턴 
텍스트 작성하기 
선과 경로(path)
경로를 사용하여 그리기 
곡선 그리기
이미지 그리기
그림자 추가하기 
픽셀 직접 다루기 
컴포지팅(Compositing)과 투명도 
변환(Transformation)
현재 컨텍스트 저장하고 복원하기
위치정보(Geolocation) 
로컬 스토리지 
로컬 데이터 저장하고 가져오기 
로컬 데이터 항목 삭제와 전체 삭제 

Chapter 7 PHP 소개
핵심 기술 및 개념 
웹 서버의 PHP 체크하기 
로컬 웹 개발 서버 사용하기 
PHP 기초
echo 키워드 
작은따옴표와 큰따옴표의 차이
주석 사용하기
세미콜론
PHP 변수
숫자 변수
스트링 변수 
슈퍼글로벌 변수
배열
상수
PHP 연산자 
산술 함수 
대입 연산자
비교 연산자 
논리 연산자
삼항 연산자
자동 변수 타이핑
연산자 우선순위
PHP 함수
지역 변수
전역 변수
정적 변수 
조건 표현식 
if ( ) 문 
else 문
switch( ) 문 
코드의 반복
while( ) 문 사용하기
do ... while( ) 문 사용하기
for( ) 문 사용하기
웹 폼 데이터 처리하기
POST 요청 
GET 요청 
Ajax 호출을 위해 자바스크립트와 PHP 연동하기 
Ajax 객체 만들기
POST 요청 시작하기
GET 요청 시작하기

Chapter 8 MySQL 소개
핵심 기술과 개념
MySQL 사용자 계정 만들기
계정에 권한 주기
데이터베이스 만들기
PHP에서 MySQL 접근하기
기초적인 MySQL 명령들
MySQL 데이터 타입들
색인 사용하기
테이블 생성하기
모든 기능을 프로그램에 넣기
보안 및 해킹 방지 장치
요약

[Part 2 모바일 단말기에 맞춰 개발하기]

Chapter 9 모바일에 적합한 웹사이트 개발하기
핵심 기술과 개념
화면 크기
스마트폰용 포맷
글꼴 크기
이미지 크기
유연한 흐름
롤오버와 툴팁 사용하기
쌍방향 내비게이션과 사용자 입력
sms:와 tel: URL 사용하기
애플 홈 화면 아이콘
전체 화면 모드로 iOS 홈 화면 페이지 실행하기
iOS 스플래시 화면 만들기
요약

Chapter 10 eML 전자책 플랫폼 사용하기
핵심 기술과 개념
eML 문서의 기본 구조
책 제목과 다른 세부 사항 제공하기
메뉴 만들기
장 추가하기
eML 하위 폴더
모두 다 합치기
eML 태그 사용하기
여러 가지 태그 종류
eML 태그들
글꼴 관리하기
색깔 바꾸기
흔하지 않은 심벌
기본 양식
고급 양식
iOS와 안드로이드의 글꼴 크기 재정의하기
요약

Chapter 11 웹 앱 개발하기
핵심 기술과 개념
이번 프로젝트에 대해서
MySQL 설정하기
HTML
CSS
자바스크립트 프로그램
전역 변수
DoLogin( ) 함수
LoginCheck( ) 함수
Login( ) 함수
GetChat( ) 함수
ShowChat( ) 함수
SetPostRecipient( ) 함수
PostMessage( ) 함수
sendPM( ) 함수
RemovePMWindow( ) 함수
GetInput( ) 함수
ProcessKey( ) 함수
DoToUpper( ) 함수
DoToLower( ) 함수
DoToNumbers( ) 함수
HighlightButton( ) 함수
Logout( ) 함수
NavCheck( ) 함수
ActivateObject( ) 함수
StopDefaultAction( ) 함수
SetUpClearBut( ) 함수
O( ) 함수
S( ) 함수
CreateAjaxObject( ) 함수
PostAjaxRequest( ) 함수
ProcessCookie( ) 함수
웹 페이지 사용하기
홈 화면 아이콘 사용하기
웹 앱에서 추가 화면 공간 제공하기
PHP 프로그램
login.php 프로그램
robslogin.php 프로그램
robsgetchat.php 프로그램
robspost.php 프로그램
요약

[Part 3 자체 내장 앱 만들기]

Chapter 12 애플 SDK 설정하기
핵심 기술과 개념
애플 개발자 등록하기
멤버 센터
iOS 개발자 프로그램 가입하기
Xcode 설치하기
개발용 iOS 단말 설정하기
Xcode 오거나이저에서 화면 캡처하기
요약

Chapter 13 iOS용 독립 앱 만들기
핵심 기술과 개념
Xcode 래퍼 프로젝트를 사용하기 위한 맥 설정
Xcode 에뮬레이터에서 앱 실행하기
실제 단말기에서 앱 실행하기
앱 이름 변경하기
앱 아이콘 변경하기
eML 앱을 웹 내장 앱으로 바꾸기
.js 파일 다루기
앱 이름 변경하기
앱 빌드하기
Rob’s Place 웹 앱을 iOS 앱으로 만들기
index.htm 파일
앱 빌드하기
앱 개량하기
자동 회전 금지하기
확대/축소 금지와 배경색 변경하기
아이튠즈에 앱 배포하기
배포용 프로비저닝 프로파일로 빌드하기
배포용 앱 빌드하기
iOS 앱 배포하기
앱 업로드하기
요약

Chapter 14 안드로이드 SDK 설정하기
핵심 기술과 개념
안드로이드 SDK 다운로드해서 설치하기
이클립스 IDE 다운로드해서 설치하기
안드로이드 플러그인 추가하기
요약

Chapter 15 안드로이드 전용 앱 만들기
핵심 기술과 개념
안드로이드 래퍼 프로젝트 파일을 위해 PC 준비하기
래퍼로부터 새 안드로이드 프로젝트 생성하기
앱 실행하기
안드로이드 단말기 연결하기
안드로이드 단말에 앱 저장하기
eML 전자책 앱 빌드하기
eML 파일을 프로젝트에 복사하기
앱 실행하기
홈 화면 아이콘 수정하기
Rob’s Place 앱 빌드하기
Rob’s Plage 파일을 프로젝트에 추가하기
홈 스크린 아이콘 수정하기
앱 컴파일하고 실행하기
앱 배포하기
웹사이트에서 앱 다운로드하기
안드로이드 마켓에 앱 올리기
앱 업데이트하기
테스트 앱 명확히 표시하기
요약