모바일 웹 + 웹앱 + 하이브리드 앱 입문 (개정판)
책 소개
▣ 출판사서평
개정판 주요 변경 내용
첫째 마당의 내용과 관련해서 모바일 웹 환경과 관련한 각종 통계와 수치 정보들이 최신 정보로 갱신되었다.
둘째 마당과 셋째 마당의 내용들은 최신의 제이쿼리 모바일 라이브러리와 제이쿼리 라이브러리 버전을 적용한 예제와 실행 결과들로 전면 수정되었다.
넷째 마당의 하이브리드 앱 내용들은 폰갭보다는 코르도바 관점에서 내용이 기술되었으며 변경된 CLI 기반의 앱 개발 방식을 적용한 예제와 설명으로 대폭 변경되었다. 부록에는 변경된 CLI 방식의 개발 환경 구축을 위한 각종 소프트웨어 설치와 상세한 개발 절차와 방법들이 기술되었다.
이외에도 각 장마다 연습 문제가 추가되었으며 새롭게 제이쿼리 모바일 위젯과 jq Plot 차트 제이쿼리 플러그인 활용 예제들이 추가되는 등 전체적으로 초판의 내용과 흐름을 유지하는 범위 안에서 개정판의 내용이 구성되었다.
주요 내용
이 책은 첫째 마당에서 부록까지 크게 5개 영역으로 구성되어 있으며, 각 영역에서 다루는 내용은 다음과 같다.
첫째마당에서는 HTML5와 CSS3를 이용한 모바일 웹에 대한 핵심내용과 예제들을 다루고 있으며, 개인 포트폴리오 모바일 웹 실습을 하게 된다.
둘째마당에서는 제이쿼리 모바일의 주요 기능과 함께 독도 소개 앱을 만들어 보는 실습을 하게 된다.
셋째마당에서는 제이쿼리를 이용한 동적인 웹앱 전반의 내용을 익히게 되며 관광지 안내 웹앱과 도서관리 웹앱을 실습한다.
넷째마당에서는 폰갭을 이용하여 하이브리드앱을 제작하는 내용에 대해 배우며, 장치 관리 앱, 사진 관리 앱, 연락처 관리 앱, 구글맵 지도활용 앱 등을 실습한다. 그리고 최종적으로 지금까지 배운 모든 기능들을 종합해 맛집 앱 만들기를 실습한다.
부록에서는 실습에 필요한 크롬 브라우저, 앱타나 스튜디오, 안드로이드 개발 환경 설치, 폰갭 설치에 대한 내용을 다루고 있다.
이 책이 필요한 독자
- 웹 기초부터 활용까지 체계적으로 공부하고자 하는 경우
- 웹 관련 기술들의 개념과 상호 관계를 빠른 시간에 습득하고자 하는 경우
- IT 기본 기술로서의 웹을 이해하고 활용 능력을 얻고자 하는 경우
- 웹 기초는 이해하고 있으나 모바일 활용 방법을 알고자 하는 경우
- 단순한 예제 코드가 아닌 실제 활용 가능한 다양한 응용 예제를 필요로 하는 경우
이 책에 다루는 주요 내용
- HTML5 기본 마크업의 의미와 사용 방법에 관한 설명과 예제
- CSS3의 스타일 명세 방법과 적용 예제
- jQuery의 핵심 API 활용 방법과 예제
- XML, Ajax, JSON, SQLite 웹 관련 기술의 이해와 활용 예제
- jQuery Mobile 프레임워크를 활용한 UI 생성 및 예제
- Cordova(PhoneGap) 프레임워크를 활용한 하이브리드앱 변환과 예제
이 책의 핵심 예제
- HTML5 + CSS3를 활용한 모바일 웹
개인 포트폴리오 모바일 웹: mportpolio (4장 4.1)
- jQuery Mobile을 활용한 웹앱
독도 소개 웹앱: dokdoApp (8장 5.1)
- jQuery Mobile + jQuery를 활용한 웹앱
관광지 안내 웹앱: tourApp (11장 6.1)
도서 관리 웹앱: bookApp (12장 1.1)
- Cordova API를 활용한 하이브리드앱
장치 관리 앱: deviceApp (14장 2.1)
사진 관리 앱: cameraApp (14장 3.1)
연락처 관리 앱: contactApp (15장 1.1)
구글맵 지도활용 앱: mapApp (15장 2.2)
- jQuery Mobile + jQuery + Cordova API를 활용한 하이브리드앱
맛집 앱: matzipApp (16장 1.1)
▣ 작가 소개
저자 : 박성진
고려대학교에서 학사, 석사, 박사 학위를 취득하고 한국전자통신연구원 선임 연구원을 거쳐 2000년부터 한신대학교 컴퓨터공학부에서 교수로 재직중이며 웹 프로그래밍과 데이터베이스 관련 교과목을 강의하고 있다. 저서로는 『데이터베이스시스템』과 『데이터웨어하우스』 등이 있다.
▣ 주요 목차
첫째마당 HTML5와 CSS3를 이용한 모바일 웹
Chapter 01 모바일 웹 환경
1. 웹의 진화
1.1 웹 환경의 변화
1.2 웹 기술의 발전
2. HTML5
2.1 HTML5의 등장
2.2 HTML5의 특징
3. 플랫폼이 된 웹 브라우저
3.1 웹 브라우저
3.2 웹 브라우저 엔진
4. 모바일 웹 환경
4.1 데스크톱 웹과 모바일 웹
4.2 모바일앱
4.3 모바일앱 프레임워크
연습문제
Chapter 02 HTML5 기초 다지기
1. HTML5 개요
1.1 HTML5 문서
1.2 HTML5의 기본 요소
1.3 HTML5 마크업 명세 규칙
2. HTML5 태그
2.1 기본 태그
2.2 글자 태그
2.3 목록 태그
2.4 링크 태그
2.5 테이블 태그
3. HTML5 미디어 태그
3.1 이미지 관련 태그
3.2 오디오 관련 태그
3.3 비디오 관련 태그
4. HTML5 공간분할 태그와 시맨틱 태그
4.1 공간 분할 태그
4.2 시맨틱 태그
4.3 HTML5 레이아웃의 변화
4.4 시맨틱 레이아웃 작성하기
연습문제
Chapter 03 CSS3 기초 다지기
1. CSS3 개요
1.1 스타일시트 기초
1.2 CSS3 스타일 선언 방법
2. 선택자
2.1 기본 선택자 유형
2.2 확장 선택자 유형
3. 스타일시트 선언 방식
3.1 스타일시트 선언 방식
3.2 스타일시트 선언 방식 적용 예
4. 스타일 속성
4.1 CSS3의 글자 스타일 속성
4.2 CSS3의 색상(배경) 스타일 속성
4.3 CSS3의 목록 스타일 속성
4.4 CSS3의 테이블 스타일 속성
5. 박스 모델
5.1 박스 모델 구조
5.2 박스 모델 스타일 속성
6. CSS3 레이아웃
6.1 컨테이너
6.2 화면 배치 스타일 속성
6.3 float 모드 관련 스타일 속성
7. 확장 폰트
7.1 웹 폰트
7.2 사용자 정의 폰트
연습문제
Chapter 04 모바일 웹 개발
1. 뷰포트
1.1 뷰포트
1.2 뷰포트 메타 태그
2. 미디어 유형
2.1 미디어 유형
2.2 미디어 유형 종류
3. 미디어 쿼리
3.1 미디어 쿼리 속성
3.2 미디어 쿼리 적용 예
4. [실습] 모바일 웹 개발
4.1 개인 포트폴리오 모바일 웹 : mportpolio
4.2 실습 예제 코드
연습문제
둘째마당 제이쿼리 모바일을 이용한 웹앱
Chapter 05 제이쿼리 모바일 기초 다지기
1. 제이쿼리 모바일 개요
1.1 모바일 웹앱 개발
1.2 프레임워크 연결 방식
1.3 프레임워크 기본 구성 형식
2. 화면 구성 및 페이지 연결
2.1 웹앱 화면 구성
2.2 페이지 연결 방식
2.3 페이지 도메인 링크 방식
3. 페이지 전환
3.1 페이지 전환 효과
3.2 외부 프로그램 링크
연습문제
Chapter 06 제이쿼리 모바일 헤더바와 푸터바
1. 헤더바
1.1 툴바
1.2 헤더바
2. 푸터바
3. 네비게이션바와 툴바
3.1 네비게이션바
3.2 툴바 위치 설정
연습문제
Chapter 07 제이쿼리 모바일 버튼과 리스트뷰
1. 버튼
1.1 버튼 생성
1.2 기본 버튼 종류
1.3 아이콘 버튼의 변형
1.4 확장 버튼 종류
2. 리스트뷰 기초
2.1 기본 리스트뷰
2.2 연결 리스트뷰
2.3 순서 리스트뷰
2.4 인셋 리스트뷰
2.5 분할 리스트뷰
3. 리스트뷰 고급
3.1 카운트 버블
3.2 리스트 구분자
3.3 썸네일 리스트뷰
3.4 아이콘 리스트뷰
3.5 여러 줄 리스트뷰
3.6 검색 필터 리스트
3.7 제이쿼리 리스트뷰 활용 예
4. 제이쿼리 모바일 위젯
4.1 페이지 탭
4.2 컬럼 토글 테이블
4.3 숨김 패널
연습문제
Chapter 08 제이쿼리 모바일 대화상자와 폼
1. 대화상자
1.1 대화상자
1.2 페이지 테마
2. 콘텐츠 영역의 레이아웃
2.1 기본 레이아웃 형식
2.2 그리드 레이아웃 형식
3. 접이식 패널 레이아웃
3.1 기본 접이식 패널
3.2 중첩 접이식 패널
3.3 그룹 접이식 패널
4. 폼 요소
4.1 HTML5 표준 폼 태그
4.2 네이티브 폼 컨트롤
4.3 모바일 폼 컨트롤 : 입력 상자
4.4 모바일 폼 컨트롤 : 선택 메뉴
5. [실습] 독도 소개 웹앱 개발
5.1 독도 소개 웹앱 : dokdoApp
5.2 실습 예제 코드
연습문제
셋째마당 제이쿼리를 이용한 동적인 웹앱
Chapter 09 제이쿼리 기초 다지기
1. 제이쿼리 개요
1.1 제이쿼리
1.2 자바스크립트
1.3 제이쿼리 연동
1.4 DOM
2. 제이쿼리 함수
2.1 제이쿼리의 기본 기능
2.2 jQuery( ) 함수
3. 제이쿼리 선택자
3.1 제이쿼리 선택자
3.2 제이쿼리 선택자 유형
연습문제
Chapter 10 제이쿼리 응용 다지기
1. 제이쿼리 메소드
1.1 제이쿼리 스타일 관련 메소드
1.2 DOM 트리 관련 메소드
1.3 기타 메소드
2. 제이쿼리 이벤트
2.1 제이쿼리 이벤트
2.2 이벤트 핸들러 연결 및 해제
2.3 이벤트 메소드
2.4 이벤트 활용 예
3. 제이쿼리 효과
3.1 제이쿼리 효과
3.2 사용자 정의 효과 생성하기
3.3 제이쿼리 효과 활용
4. 제이쿼리 플러그인
4.1 jqPlot
4.2 라인 차트 생성하기
4.3 바 차트 생성하기
4.4 파이 차트 생성하기
4.5 버블 차트 생성하기
연습문제
Chapter 11 XML, Ajax, 제이쿼리 활용
1. XML 개요
1.1 XML
1.2 HTML5와 XML
1.3 XML의 특성
2. XML 문서 작성
2.1 XML 문서 구조
2.2 XML 코딩 규칙
2.3 XML 기본 요소
2.4 XML 문서 작성
3. 네임스페이스
3.1 네임스페이스
3.2 네임스페이스 선언 방법
4. XML 문서의 CSS 적용
5. 제이쿼리 Ajax
5.1 제이쿼리 Ajax
5.2 $.ajax( ) 메소드의 XML 문서 적용 예
5.3 $.getJSON( ) 메소드의 JSON 형식 데이터 적용 예
5.4 $.load( ) 메소드의 HTML 문서 적용 예
6. 제이쿼리 활용 예제
6.1 관광지 안내 앱 : tourApp
6.2 예제 코드
연습문제
Chapter 12 데이터베이스와 제이쿼리 활용
1. [실습] 도서관리 웹앱 개발
1.1 로컬 DB 기반의 도서관리 앱 : bookApp
1.2 UI 화면 구성
1.3 내부 스크립트 함수 구성
1.4 데이터베이스 관련 함수 정의
1.5 실습 예제 코드
연습문제
넷째마당 코르도바(폰갭)을 이용한 하이브리드앱
Chapter 13 하이브리드앱과 코르도바(폰갭)
1. 하이브리드앱 개요
1.1 하이브리드앱
1.2 하이브리드 프레임워크
2. 코르도바 개요
2.1 코르도바와 폰갭
2.2 코르도바 개발 절차
3. 코르도바 안드로이드 개발 환경
3.1 개발 방식의 변화
3.2 안드로이드 개발 환경 구축
3.3 코르도바 프로젝트 개발 환경 구축
4. 코르도바 프로젝트 생성 및 실행
4.1 코르도바 기본 프로젝트 생성하기
4.2 코르도바 패키징
4.3 안드로이드 플랫폼 추가
4.4 코르도바 프로젝트 실행하기
연습문제
Chapter 14 코르도바 API를 활용한 앱 만들기 I
1. 코르도바 API
1.1 코르도바 API 개요
2. 장치관리 하이브리드앱 개발
2.1 장치관리 앱 : deviceApp
2.2 단말기 정보 확인하기
2.3 진동 시키기
2.4 방위각 정보 확인하기
2.5 배터리 정보 확인하기
2.6 네트워크 연결 정보 확인하기
2.7 위치 정보 확인하기
2.8 코르도바 프로젝트 생성 및 실행
2.9 실습 예제 코드
3. 사진관리 하이브리드앱 개발
3.1 사진관리 앱 : cameraApp
3.2 사진 촬영하기
3.3 사진 불러오기
3.4 코르도바 프로젝트 생성 및 실행
3.5 실습 예제 코드
연습문제
Chapter 15 코르도바 API를 활용한 앱 만들기 II
1. [실습] 연락처 관리 하이브리드앱 개발
1.1 연락처 관리 앱 : contactApp
1.2 연락처 정보 검색하기
1.3 연락처 리스트뷰 표시하기
1.4 연락처 상세 정보 표시하기
1.5 연락처 추가하기
1.6 코르도바 프로젝트 생성 및 실행
1.7 실습 예제 코드
2. [실습] 지도(맵) 활용 하이브리드앱 개발
2.1 jquery-ui-map 플러그인
2.2 구글맵 지도활용 앱 : mapApp
2.3 현 위치 지도 표시하기
2.4 검색 위치 지도 표시하기
2.5 검색 경로 지도 표시하기
2.6 코르도바 프로젝트 생성 및 실행
2.7 실습 예제 코드
연습문제
Chapter 16 실전 프로젝트 : 맛집 앱 만들기
1. 맛집 관리 하이브리드앱 개발
1.1 맛집 앱 : matzipApp
1.2 맛집 앱 시작하기
1.3 맛집 정보 등록하기
1.4 맛집 정보 수정하기
1.5 맛집 목록 조회하기
1.6 맛집 상세정보 조회하기
1.7 맛집 추가정보 조회하기
1.8 코르도바 프로젝트 생성 및 실행
1.9 실습 예제 코드
연습문제
부록 실습 소프트웨어 설치하기
부록A 크롬 브라우저 준비하기
부록B 앱타나 스튜디오 설치하기
부록C 코르도바(폰갭) 안드로이드 개발 환경 구축하기
부록D 코르도바(폰갭) CLI 설치하기
부록E 안드로이드 코르도바 앱 만들기
개정판 주요 변경 내용
첫째 마당의 내용과 관련해서 모바일 웹 환경과 관련한 각종 통계와 수치 정보들이 최신 정보로 갱신되었다.
둘째 마당과 셋째 마당의 내용들은 최신의 제이쿼리 모바일 라이브러리와 제이쿼리 라이브러리 버전을 적용한 예제와 실행 결과들로 전면 수정되었다.
넷째 마당의 하이브리드 앱 내용들은 폰갭보다는 코르도바 관점에서 내용이 기술되었으며 변경된 CLI 기반의 앱 개발 방식을 적용한 예제와 설명으로 대폭 변경되었다. 부록에는 변경된 CLI 방식의 개발 환경 구축을 위한 각종 소프트웨어 설치와 상세한 개발 절차와 방법들이 기술되었다.
이외에도 각 장마다 연습 문제가 추가되었으며 새롭게 제이쿼리 모바일 위젯과 jq Plot 차트 제이쿼리 플러그인 활용 예제들이 추가되는 등 전체적으로 초판의 내용과 흐름을 유지하는 범위 안에서 개정판의 내용이 구성되었다.
주요 내용
이 책은 첫째 마당에서 부록까지 크게 5개 영역으로 구성되어 있으며, 각 영역에서 다루는 내용은 다음과 같다.
첫째마당에서는 HTML5와 CSS3를 이용한 모바일 웹에 대한 핵심내용과 예제들을 다루고 있으며, 개인 포트폴리오 모바일 웹 실습을 하게 된다.
둘째마당에서는 제이쿼리 모바일의 주요 기능과 함께 독도 소개 앱을 만들어 보는 실습을 하게 된다.
셋째마당에서는 제이쿼리를 이용한 동적인 웹앱 전반의 내용을 익히게 되며 관광지 안내 웹앱과 도서관리 웹앱을 실습한다.
넷째마당에서는 폰갭을 이용하여 하이브리드앱을 제작하는 내용에 대해 배우며, 장치 관리 앱, 사진 관리 앱, 연락처 관리 앱, 구글맵 지도활용 앱 등을 실습한다. 그리고 최종적으로 지금까지 배운 모든 기능들을 종합해 맛집 앱 만들기를 실습한다.
부록에서는 실습에 필요한 크롬 브라우저, 앱타나 스튜디오, 안드로이드 개발 환경 설치, 폰갭 설치에 대한 내용을 다루고 있다.
이 책이 필요한 독자
- 웹 기초부터 활용까지 체계적으로 공부하고자 하는 경우
- 웹 관련 기술들의 개념과 상호 관계를 빠른 시간에 습득하고자 하는 경우
- IT 기본 기술로서의 웹을 이해하고 활용 능력을 얻고자 하는 경우
- 웹 기초는 이해하고 있으나 모바일 활용 방법을 알고자 하는 경우
- 단순한 예제 코드가 아닌 실제 활용 가능한 다양한 응용 예제를 필요로 하는 경우
이 책에 다루는 주요 내용
- HTML5 기본 마크업의 의미와 사용 방법에 관한 설명과 예제
- CSS3의 스타일 명세 방법과 적용 예제
- jQuery의 핵심 API 활용 방법과 예제
- XML, Ajax, JSON, SQLite 웹 관련 기술의 이해와 활용 예제
- jQuery Mobile 프레임워크를 활용한 UI 생성 및 예제
- Cordova(PhoneGap) 프레임워크를 활용한 하이브리드앱 변환과 예제
이 책의 핵심 예제
- HTML5 + CSS3를 활용한 모바일 웹
개인 포트폴리오 모바일 웹: mportpolio (4장 4.1)
- jQuery Mobile을 활용한 웹앱
독도 소개 웹앱: dokdoApp (8장 5.1)
- jQuery Mobile + jQuery를 활용한 웹앱
관광지 안내 웹앱: tourApp (11장 6.1)
도서 관리 웹앱: bookApp (12장 1.1)
- Cordova API를 활용한 하이브리드앱
장치 관리 앱: deviceApp (14장 2.1)
사진 관리 앱: cameraApp (14장 3.1)
연락처 관리 앱: contactApp (15장 1.1)
구글맵 지도활용 앱: mapApp (15장 2.2)
- jQuery Mobile + jQuery + Cordova API를 활용한 하이브리드앱
맛집 앱: matzipApp (16장 1.1)
▣ 작가 소개
저자 : 박성진
고려대학교에서 학사, 석사, 박사 학위를 취득하고 한국전자통신연구원 선임 연구원을 거쳐 2000년부터 한신대학교 컴퓨터공학부에서 교수로 재직중이며 웹 프로그래밍과 데이터베이스 관련 교과목을 강의하고 있다. 저서로는 『데이터베이스시스템』과 『데이터웨어하우스』 등이 있다.
▣ 주요 목차
첫째마당 HTML5와 CSS3를 이용한 모바일 웹
Chapter 01 모바일 웹 환경
1. 웹의 진화
1.1 웹 환경의 변화
1.2 웹 기술의 발전
2. HTML5
2.1 HTML5의 등장
2.2 HTML5의 특징
3. 플랫폼이 된 웹 브라우저
3.1 웹 브라우저
3.2 웹 브라우저 엔진
4. 모바일 웹 환경
4.1 데스크톱 웹과 모바일 웹
4.2 모바일앱
4.3 모바일앱 프레임워크
연습문제
Chapter 02 HTML5 기초 다지기
1. HTML5 개요
1.1 HTML5 문서
1.2 HTML5의 기본 요소
1.3 HTML5 마크업 명세 규칙
2. HTML5 태그
2.1 기본 태그
2.2 글자 태그
2.3 목록 태그
2.4 링크 태그
2.5 테이블 태그
3. HTML5 미디어 태그
3.1 이미지 관련 태그
3.2 오디오 관련 태그
3.3 비디오 관련 태그
4. HTML5 공간분할 태그와 시맨틱 태그
4.1 공간 분할 태그
4.2 시맨틱 태그
4.3 HTML5 레이아웃의 변화
4.4 시맨틱 레이아웃 작성하기
연습문제
Chapter 03 CSS3 기초 다지기
1. CSS3 개요
1.1 스타일시트 기초
1.2 CSS3 스타일 선언 방법
2. 선택자
2.1 기본 선택자 유형
2.2 확장 선택자 유형
3. 스타일시트 선언 방식
3.1 스타일시트 선언 방식
3.2 스타일시트 선언 방식 적용 예
4. 스타일 속성
4.1 CSS3의 글자 스타일 속성
4.2 CSS3의 색상(배경) 스타일 속성
4.3 CSS3의 목록 스타일 속성
4.4 CSS3의 테이블 스타일 속성
5. 박스 모델
5.1 박스 모델 구조
5.2 박스 모델 스타일 속성
6. CSS3 레이아웃
6.1 컨테이너
6.2 화면 배치 스타일 속성
6.3 float 모드 관련 스타일 속성
7. 확장 폰트
7.1 웹 폰트
7.2 사용자 정의 폰트
연습문제
Chapter 04 모바일 웹 개발
1. 뷰포트
1.1 뷰포트
1.2 뷰포트 메타 태그
2. 미디어 유형
2.1 미디어 유형
2.2 미디어 유형 종류
3. 미디어 쿼리
3.1 미디어 쿼리 속성
3.2 미디어 쿼리 적용 예
4. [실습] 모바일 웹 개발
4.1 개인 포트폴리오 모바일 웹 : mportpolio
4.2 실습 예제 코드
연습문제
둘째마당 제이쿼리 모바일을 이용한 웹앱
Chapter 05 제이쿼리 모바일 기초 다지기
1. 제이쿼리 모바일 개요
1.1 모바일 웹앱 개발
1.2 프레임워크 연결 방식
1.3 프레임워크 기본 구성 형식
2. 화면 구성 및 페이지 연결
2.1 웹앱 화면 구성
2.2 페이지 연결 방식
2.3 페이지 도메인 링크 방식
3. 페이지 전환
3.1 페이지 전환 효과
3.2 외부 프로그램 링크
연습문제
Chapter 06 제이쿼리 모바일 헤더바와 푸터바
1. 헤더바
1.1 툴바
1.2 헤더바
2. 푸터바
3. 네비게이션바와 툴바
3.1 네비게이션바
3.2 툴바 위치 설정
연습문제
Chapter 07 제이쿼리 모바일 버튼과 리스트뷰
1. 버튼
1.1 버튼 생성
1.2 기본 버튼 종류
1.3 아이콘 버튼의 변형
1.4 확장 버튼 종류
2. 리스트뷰 기초
2.1 기본 리스트뷰
2.2 연결 리스트뷰
2.3 순서 리스트뷰
2.4 인셋 리스트뷰
2.5 분할 리스트뷰
3. 리스트뷰 고급
3.1 카운트 버블
3.2 리스트 구분자
3.3 썸네일 리스트뷰
3.4 아이콘 리스트뷰
3.5 여러 줄 리스트뷰
3.6 검색 필터 리스트
3.7 제이쿼리 리스트뷰 활용 예
4. 제이쿼리 모바일 위젯
4.1 페이지 탭
4.2 컬럼 토글 테이블
4.3 숨김 패널
연습문제
Chapter 08 제이쿼리 모바일 대화상자와 폼
1. 대화상자
1.1 대화상자
1.2 페이지 테마
2. 콘텐츠 영역의 레이아웃
2.1 기본 레이아웃 형식
2.2 그리드 레이아웃 형식
3. 접이식 패널 레이아웃
3.1 기본 접이식 패널
3.2 중첩 접이식 패널
3.3 그룹 접이식 패널
4. 폼 요소
4.1 HTML5 표준 폼 태그
4.2 네이티브 폼 컨트롤
4.3 모바일 폼 컨트롤 : 입력 상자
4.4 모바일 폼 컨트롤 : 선택 메뉴
5. [실습] 독도 소개 웹앱 개발
5.1 독도 소개 웹앱 : dokdoApp
5.2 실습 예제 코드
연습문제
셋째마당 제이쿼리를 이용한 동적인 웹앱
Chapter 09 제이쿼리 기초 다지기
1. 제이쿼리 개요
1.1 제이쿼리
1.2 자바스크립트
1.3 제이쿼리 연동
1.4 DOM
2. 제이쿼리 함수
2.1 제이쿼리의 기본 기능
2.2 jQuery( ) 함수
3. 제이쿼리 선택자
3.1 제이쿼리 선택자
3.2 제이쿼리 선택자 유형
연습문제
Chapter 10 제이쿼리 응용 다지기
1. 제이쿼리 메소드
1.1 제이쿼리 스타일 관련 메소드
1.2 DOM 트리 관련 메소드
1.3 기타 메소드
2. 제이쿼리 이벤트
2.1 제이쿼리 이벤트
2.2 이벤트 핸들러 연결 및 해제
2.3 이벤트 메소드
2.4 이벤트 활용 예
3. 제이쿼리 효과
3.1 제이쿼리 효과
3.2 사용자 정의 효과 생성하기
3.3 제이쿼리 효과 활용
4. 제이쿼리 플러그인
4.1 jqPlot
4.2 라인 차트 생성하기
4.3 바 차트 생성하기
4.4 파이 차트 생성하기
4.5 버블 차트 생성하기
연습문제
Chapter 11 XML, Ajax, 제이쿼리 활용
1. XML 개요
1.1 XML
1.2 HTML5와 XML
1.3 XML의 특성
2. XML 문서 작성
2.1 XML 문서 구조
2.2 XML 코딩 규칙
2.3 XML 기본 요소
2.4 XML 문서 작성
3. 네임스페이스
3.1 네임스페이스
3.2 네임스페이스 선언 방법
4. XML 문서의 CSS 적용
5. 제이쿼리 Ajax
5.1 제이쿼리 Ajax
5.2 $.ajax( ) 메소드의 XML 문서 적용 예
5.3 $.getJSON( ) 메소드의 JSON 형식 데이터 적용 예
5.4 $.load( ) 메소드의 HTML 문서 적용 예
6. 제이쿼리 활용 예제
6.1 관광지 안내 앱 : tourApp
6.2 예제 코드
연습문제
Chapter 12 데이터베이스와 제이쿼리 활용
1. [실습] 도서관리 웹앱 개발
1.1 로컬 DB 기반의 도서관리 앱 : bookApp
1.2 UI 화면 구성
1.3 내부 스크립트 함수 구성
1.4 데이터베이스 관련 함수 정의
1.5 실습 예제 코드
연습문제
넷째마당 코르도바(폰갭)을 이용한 하이브리드앱
Chapter 13 하이브리드앱과 코르도바(폰갭)
1. 하이브리드앱 개요
1.1 하이브리드앱
1.2 하이브리드 프레임워크
2. 코르도바 개요
2.1 코르도바와 폰갭
2.2 코르도바 개발 절차
3. 코르도바 안드로이드 개발 환경
3.1 개발 방식의 변화
3.2 안드로이드 개발 환경 구축
3.3 코르도바 프로젝트 개발 환경 구축
4. 코르도바 프로젝트 생성 및 실행
4.1 코르도바 기본 프로젝트 생성하기
4.2 코르도바 패키징
4.3 안드로이드 플랫폼 추가
4.4 코르도바 프로젝트 실행하기
연습문제
Chapter 14 코르도바 API를 활용한 앱 만들기 I
1. 코르도바 API
1.1 코르도바 API 개요
2. 장치관리 하이브리드앱 개발
2.1 장치관리 앱 : deviceApp
2.2 단말기 정보 확인하기
2.3 진동 시키기
2.4 방위각 정보 확인하기
2.5 배터리 정보 확인하기
2.6 네트워크 연결 정보 확인하기
2.7 위치 정보 확인하기
2.8 코르도바 프로젝트 생성 및 실행
2.9 실습 예제 코드
3. 사진관리 하이브리드앱 개발
3.1 사진관리 앱 : cameraApp
3.2 사진 촬영하기
3.3 사진 불러오기
3.4 코르도바 프로젝트 생성 및 실행
3.5 실습 예제 코드
연습문제
Chapter 15 코르도바 API를 활용한 앱 만들기 II
1. [실습] 연락처 관리 하이브리드앱 개발
1.1 연락처 관리 앱 : contactApp
1.2 연락처 정보 검색하기
1.3 연락처 리스트뷰 표시하기
1.4 연락처 상세 정보 표시하기
1.5 연락처 추가하기
1.6 코르도바 프로젝트 생성 및 실행
1.7 실습 예제 코드
2. [실습] 지도(맵) 활용 하이브리드앱 개발
2.1 jquery-ui-map 플러그인
2.2 구글맵 지도활용 앱 : mapApp
2.3 현 위치 지도 표시하기
2.4 검색 위치 지도 표시하기
2.5 검색 경로 지도 표시하기
2.6 코르도바 프로젝트 생성 및 실행
2.7 실습 예제 코드
연습문제
Chapter 16 실전 프로젝트 : 맛집 앱 만들기
1. 맛집 관리 하이브리드앱 개발
1.1 맛집 앱 : matzipApp
1.2 맛집 앱 시작하기
1.3 맛집 정보 등록하기
1.4 맛집 정보 수정하기
1.5 맛집 목록 조회하기
1.6 맛집 상세정보 조회하기
1.7 맛집 추가정보 조회하기
1.8 코르도바 프로젝트 생성 및 실행
1.9 실습 예제 코드
연습문제
부록 실습 소프트웨어 설치하기
부록A 크롬 브라우저 준비하기
부록B 앱타나 스튜디오 설치하기
부록C 코르도바(폰갭) 안드로이드 개발 환경 구축하기
부록D 코르도바(폰갭) CLI 설치하기
부록E 안드로이드 코르도바 앱 만들기
01. 반품기한
- 단순 변심인 경우 : 상품 수령 후 7일 이내 신청
- 상품 불량/오배송인 경우 : 상품 수령 후 3개월 이내, 혹은 그 사실을 알게 된 이후 30일 이내 반품 신청 가능
02. 반품 배송비
| 반품사유 | 반품 배송비 부담자 |
|---|---|
| 단순변심 | 고객 부담이며, 최초 배송비를 포함해 왕복 배송비가 발생합니다. 또한, 도서/산간지역이거나 설치 상품을 반품하는 경우에는 배송비가 추가될 수 있습니다. |
| 고객 부담이 아닙니다. |
03. 배송상태에 따른 환불안내
| 진행 상태 | 결제완료 | 상품준비중 | 배송지시/배송중/배송완료 |
|---|---|---|---|
| 어떤 상태 | 주문 내역 확인 전 | 상품 발송 준비 중 | 상품이 택배사로 이미 발송 됨 |
| 환불 | 즉시환불 | 구매취소 의사전달 → 발송중지 → 환불 | 반품회수 → 반품상품 확인 → 환불 |
04. 취소방법
- 결제완료 또는 배송상품은 1:1 문의에 취소신청해 주셔야 합니다.
- 특정 상품의 경우 취소 수수료가 부과될 수 있습니다.
05. 환불시점
| 결제수단 | 환불시점 | 환불방법 |
|---|---|---|
| 신용카드 | 취소완료 후, 3~5일 내 카드사 승인취소(영업일 기준) | 신용카드 승인취소 |
| 계좌이체 |
실시간 계좌이체 또는 무통장입금 취소완료 후, 입력하신 환불계좌로 1~2일 내 환불금액 입금(영업일 기준) |
계좌입금 |
| 휴대폰 결제 |
당일 구매내역 취소시 취소 완료 후, 6시간 이내 승인취소 전월 구매내역 취소시 취소 완료 후, 1~2일 내 환불계좌로 입금(영업일 기준) |
당일취소 : 휴대폰 결제 승인취소 익월취소 : 계좌입금 |
| 포인트 | 취소 완료 후, 당일 포인트 적립 | 환불 포인트 적립 |
06. 취소반품 불가 사유
- 단순변심으로 인한 반품 시, 배송 완료 후 7일이 지나면 취소/반품 신청이 접수되지 않습니다.
- 주문/제작 상품의 경우, 상품의 제작이 이미 진행된 경우에는 취소가 불가합니다.
- 구성품을 분실하였거나 취급 부주의로 인한 파손/고장/오염된 경우에는 취소/반품이 제한됩니다.
- 제조사의 사정 (신모델 출시 등) 및 부품 가격변동 등에 의해 가격이 변동될 수 있으며, 이로 인한 반품 및 가격보상은 불가합니다.
- 뷰티 상품 이용 시 트러블(알러지, 붉은 반점, 가려움, 따가움)이 발생하는 경우 진료 확인서 및 소견서 등을 증빙하면 환불이 가능하지만 이 경우, 제반 비용은 고객님께서 부담하셔야 합니다.
- 각 상품별로 아래와 같은 사유로 취소/반품이 제한 될 수 있습니다.
| 상품군 | 취소/반품 불가사유 |
|---|---|
| 의류/잡화/수입명품 | 상품의 택(TAG) 제거/라벨 및 상품 훼손으로 상품의 가치가 현저히 감소된 경우 |
| 계절상품/식품/화장품 | 고객님의 사용, 시간경과, 일부 소비에 의하여 상품의 가치가 현저히 감소한 경우 |
| 가전/설치상품 | 전자제품 특성 상, 정품 스티커가 제거되었거나 설치 또는 사용 이후에 단순변심인 경우, 액정화면이 부착된 상품의 전원을 켠 경우 (상품불량으로 인한 교환/반품은 AS센터의 불량 판정을 받아야 합니다.) |
| 자동차용품 | 상품을 개봉하여 장착한 이후 단순변심의 경우 |
| CD/DVD/GAME/BOOK등 | 복제가 가능한 상품의 포장 등을 훼손한 경우 |
| 상품의 시리얼 넘버 유출로 내장된 소프트웨어의 가치가 감소한 경우 | |
| 노트북, 테스크탑 PC 등 | 홀로그램 등을 분리, 분실, 훼손하여 상품의 가치가 현저히 감소하여 재판매가 불가할 경우 |