만들면서 배우는 워드프레스 초보자도 따라 하는 웹사이트 제작 완벽 가이드

 

 

지금 당장 웹사이트가 필요한 모든 사람들을 위한 워드프레스 완벽 가이드
한국어 웹사이트 및 블로그의 절반이 워드프레스로 만들어질 정도로 워드프레스는 온라인 콘텐츠 관리 시스템의 대세이다. 이 책은 IT 초보자라도 웹에 대한 사전 지식을 익히고, 워드프레스를 설치하고, 관리자 화면에서 설정을 바꾸고, 무료 테마와 플러그인을 활용하면서 워드프레스를 배우는 전체 과정을 고스란히 담았다. 자신의 비즈니스를 홍보하고 고객과 소통하는 창구로 이용하기 위한 회사 웹사이트, 내 입맛대로 자유롭게 운영하는 쇼핑몰, 1인 크리에이터의 콘텐츠 허브가 되는 웹진형 블로그, 자기 홍보를 디자인 & 아트 포트폴리오 등 워드프레스로 만들 수 있는 거의 모든 유형을 이 책 한 권으로 만들어 볼 수 있다. <만들면서 배우는 워드프레스>만 있으면 전문적인 디자인과 콘텐츠로 무장한 나만의 워드프레스 웹사이트를 돈 한 푼 들이지 않고 가질 수 있다.

어떤 독자를 위한 책인가?
ㆍ 기업 인지도를 높이기 위해 회사 웹사이트를 만들거나 웹사이트 제작을 외주 의뢰하는 자영업자
ㆍ 저렴하게 쇼핑몰을 직접 제작해서 운영하려는 소상공인
ㆍ 자유도 높은 블로그를 운영하거나 혹은 팀블로그 저널을 구축하려는 블로거
ㆍ 자신의 작품 포트폴리오를 웹에 게재해서 취업 대비 및 자기 홍보를 꾀하는 디자이너 및 예술가

이 책의 특징 (출판사 리뷰)
① 한 권으로 워드프레스 웹사이트 제작의 전 과정을 마스터한다
워드프레스의 기본 기능은 블로그를 만들고 관리하는 일만큼이나 단순하지만, 사전 지식 없이는 워드프레스 설치, 도메인과 호스팅 등 워드프레스를 시작하기 전에 해결해야 할 난관이 한두 가지가 아니다. 워드프레스를 겨우 설치해서 관리자 화면에 접속해도, 수많은 설정 항목 사이에서 갈팡질팡하기 십상이다. <만들면서 배우는 워드프레스>는 워드프레스를 처음 접하는 초보자들의 입장에서 웹사이트를 만들고 관리하는 데 필요한 모든 과정을 하나하나 빠짐 없이 설명하며 실습을 진행한다. 관리자 화면에서도 테마, 플러그인, 글 쓰기, 미디어 라이브러리, 일반 설정 및 사용자 관리 등 워드프레스 관리자가 웹사이트 제작 과정에서 꼭 챙겨 할 우선순위 항목만 설정하는 방법을 알려 준다.

② 무료 테마와 플러그인, 프로그램을 이용하여 전문적인 웹사이트를 구성한다
워드프레스에서는 가입형 블로그에서 스킨을 바꾸듯 간편하게 테마를 설정해서 수준 높은 웹 디자인을 구현할 수 있으며 글 작성, 게시판, SNS와 웹사이트 연동, 고객 문의, 보안, 백업 플러그인으로 필요한 부가 기능을 자유롭게 추가해서 쓸 수 있다. 이 책에서 엄선한 테마, 플러그인, 프로그램만 이용하면 돈 한 푼 들이지 않고도 완성도 높은 웹사이트를 만들어 자신의 콘텐츠를 안정적으로 관리하면서 더 많은 방문자들에게 불러 모을 수 있다.

③ 실전 예제 웹사이트를 유형별로 제작해 본다
워드프레스 관리자 기능과 플러그인 및 테마 사용법을 어느 정도 익힌 사용자라면 이제 자신에게 필요한 웹사이트를 만들 차례이다. 이 책의 PART 04에서는 회사 웹사이트, 쇼핑몰, 블로그 웹진, 포트폴리오 웹사이트를 직접 만들어 보면서 앞서 배운 워드프레스의 기본 기능을 직접 적용한다. 여기서 만드는 네 가지 웹사이트의 형태를 익히고 변용하면 어떤 주제의 웹사이트라도 무리 없이 만들어 낼 수 있을 것이다.

[인터넷 교보문고 제공]

책 목차 :

 

PART 01 최강의 오픈소스 콘텐츠 관리 시스템, 워드프레스
CHAPTER 01 워드프레스를 소개합니다
01 워드프레스란 무엇인가?
대표적인 CMS
풍부한 테마와 플러그인
02 웹사이트 시장의 판도를 바꾼 워드프레스
오픈소스 도구 워드프레스
워드프레스의 시장 점유율
03 워드프레스는 웹사이트를 만드는 최적의 도구
04 웹사이트를 만들 때 무엇이 필요할까?
웹 시스템의 구성 요소
웹 시스템 구축을 한 방에!

CHAPTER 02 워드프레스 웹사이트 제대로 준비하기
01 내 공간을 확보하는 호스팅, 내 주소를 붙이는 도메인
나만의 도메인 등록하기
호스팅 업체별 도메인 가격 비교하기
[실습] 가비아에서 도메인 검색하기
[실습] 카페24에서 도메인 검색하기
[실습] 닷홈에서 도메인 검색하기
도메인 서비스 신청하기
[실습] 닷홈에서 도메인 신청하기
호스팅 서비스 신청하기
최강의 오픈소스 콘텐츠 관리 시스템,
[실습] 카페24에서 호스팅 신청하기
카페24 관리자 화면 살펴보기
호스팅 서버에 도메인 연결하기
[실습] 닷홈에서 카페24 네임서버 주소 등록하기
[실습] 카페24에서 도메인 연결하기
02 워드프레스 설치하기
워드프레스 자동 설치하기
[실습] 카페24에서 워드프레스 자동 설치하기
FTP 프로그램 파일질라 사용하기
[실습] 파일질라 다운로드하고 설치하기
[실습] 파일질라에 사이트 연결 정보 등록하기
[실습] 파일질라로 파일 전송하기
워드프레스 수동 설치하기
[실습] 워드프레스 플랫폼 다운로드하기
[실습] 워드프레스 데이터베이스 정보 수정하고 호스팅 서버에 업로드하기

PART 02 워드프레스 기본기 다지기
CHAPTER 01 워드프레스 퀵가이드
01 워드프레스로 첫 번째 글 쓰기
[실습] 새 글 쓰기
02 하나밖에 없는 글의 고유주소
[실습] 글의 고유주소 설정하기
03 워드프레스의 기본 구조 이해하기

CHAPTER 02 워드프레스 관리자 화면
01 관리자 화면 살펴보기
[실습] 관리자 화면 설정하기
02 웹사이트를 꾸며 보자! 기본 테마 변경하기
[실습] 신규 테마 설치하고 활성화하기
03 콘텐츠 제작의 시작, 글 쓰고 관리하기
모든 글
[실습] 글 수정하기
새 글 쓰기
[실습] 글 쓰고 발행하기
04 첨부 파일 업로드하고 관리하기
미디어 라이브러리
[실습] 미디어 라이브러리에 이미지 업로드하기
이미지 편집하기
신규 파일 업로드하기
05 글(포스트)과 페이지의 차이 한눈에 보기
06 웹사이트의 평판을 지키는 댓글 검토하기
[실습] 댓글 검토하고 처리하기
07 웹사이트 전반을 관리하는 워드프레스 설정
일반 설정
쓰기 설정
읽기 설정
토론 설정
08 회원 프로필을 설정하는 사용자 관리하기
[실습] 그라바타 서비스로 내 아바타 만들기

CHAPTER 03 웹사이트의 얼굴, 테마와 위젯
01 사용자 정의하기로 테마 설정하기
[실습] 워드프레스 공식 테마의 사용자 정의하기
사이트 아이덴티티
[실습] 사이트 아이콘 업로드하기
색상
헤더 이미지
[실습] 헤더 이미지 추가하기
02 위젯과 화면 구성 살펴보기
[실습] 태그 구름 위젯을 사이드바 영역에 추가하기
[실습] 달력 위젯을 콘텐츠 하단 1 영역에 추가하기
[실습] 텍스트 위젯을 콘텐츠 하단 2 영역에 추가하기

CHAPTER 04 짜임새 있는 웹사이트 기획
01 내 손으로 직접 웹사이트 기획하기
마인드맵
[실습] XMind로 메뉴 구조도 그리기
메뉴 구조도에 따라 콘텐츠 분류하기
02 웹사이트 메뉴 구성하기
[실습] 신규 메뉴 생성하기
메뉴에 연결할 카테고리 만들기
[실습] 카테고리 생성하기
메뉴에 연결할 페이지 만들기
[실습] 새 페이지 만들기
[실습] 웹사이트에 메뉴 등록하기

PART 03 워드프레스에 날개를 달아 주는 기술
CHAPTER 01 웹사이트에 힘을 실어 주는 워드프레스 플러그인
01 방문자 소통을 책임지는 Contact Form 7 플러그인
[실습] 고객 문의하기 페이지 만들기
02 내 맘대로 글 작성 도우미 Shortcodes Ultimate 플러그인
[실습] Shortcodes Ultimate 플러그인 설치하고 사용하기
[실습] 숏코드로 FAQ 페이지 만들기
03 가격표를 만드는 Pricing Table Builder - Easy Pricing Tables 플러그인
[실습] 가격표 페이지 만들기
04 한국인이 사랑하는 게시판 KBoard 플러그인
[실습] 문의 게시판 만들기
[실습] 문의 게시판에서 글 쓰기
05 내 콘텐츠를 SNS에 퍼뜨리는 Korea SNS 플러그인
[실습] 워드프레스 웹사이트와 SNS 연동하기

CHAPTER 02 워드프레스 성능과 검색 엔진 최적화
01 검색 엔진 최적화(SEO) 파헤쳐 보기
검색 엔진 최적화의 중요한 요소
02 훌륭한 플러그인 성능 측정 도구 P3 플러그인
03 워드프레스에 날개를 달아 주는 기술
[실습] 웹사이트의 성능 측정하고 최적화하기
03 검색 엔진 최적화를 위한 솔루션 Yoast SEO 플러그인
[실습] 웹사이트 검색 엔진 최적화하기

CHAPTER 03 소중한 콘텐츠를 지키는 워드프레스 보안과 백업
01 복사를 막는 WP Content Copy Protection & No Right Click 플러그인
[실습] WP Content Copy Protection & No Right Click 플러그인 설치하기
02 보안 지킴이 iThemes Security 플러그인
[실습] 보안 설정 활성화하기
[실습] ‘Global Settings’에서 보안 설정하기
[실습] 404 페이지 에러를 사용한 도스형 접속 공격 탐지하기
[실습] 강력한 비밀번호 규칙 적용하기
[실습] 로그인 접속 주소 변경하기
[실습] 무차별 대입 공격 예방하기
03 워드프레스 시스템 백업 끝판왕 BackWPup 플러그인
[실습] 워드프레스 수동 백업하기
04 드롭박스로 매일 워드프레스 자동 백업하기
[실습] 일 단위 백업 설정하기
[실습] 정기적인 백업 작업을 드롭박스와 연동하기

CHAPTER 04 웹사이트를 빛내는 디자인 기술
01 웹사이트를 세련되게 꾸미는 무료 폰트 사용하기
[실습] 배달의민족 무료 폰트 설치하기
02 가벼운 무료 포토샵, 포토스케이프 사용하기
[실습] 웹사이트 로고 만들기
03 저작권은 중요하다! 무료 이미지와 유료 이미지
이미지 저작권, 우습게 볼 일이 아니다
추천하는 무료 이미지 웹사이트
추천하는 유료 이미지 웹사이트
04 제값 하는 유료 테마 선정하기
[실습] 테마포레스트에서 테마 고르기

PART 04 본격 리얼 웹사이트 제작 프로젝트
PROJECT 01 비즈니스 인지도와 수익을 부르는 회사 웹사이트
01 최강의 무료 테마 설치하기
[실습] Zerif Lite 테마 설치하기
02 자식 테마로 맞춤형 웹사이트 만들기
[실습] 자식 테마 폴더 만들기
[실습] 자식 테마에 사용할 style.css 파일 제작하기
03 웹사이트에 원하는 폰트 적용하기
[실습] 웹사이트에 폰트 적용하기
04 사용자 정의하기로 웹사이트 화면 구성하기
[실습] 웹사이트에 회사 로고 등록하기
[실습] 캐치프레이즈 문구와 배경 이미지 변경하기
[실습] 불필요한 전면 페이지 항목 숨기기
[실습] 포커스 영역에 ‘고객사’ 항목 만들기
[실습] 소개 영역에 ‘국내시장 점유율’ 항목 만들기
[실습] 팀 영역에 ‘우리의 팀원’ 항목 만들기
[실습] Pirate Forms 플러그인으로 ‘연락주세요’ 항목 만들고 사용해 보기
[실습] 푸터 영역의 콘텐츠 수정하기
05 회사 웹사이트 메뉴 구성하기
[실습] 페이지와 사용자정의 링크로 새로운 메뉴 구성하기

PROJECT 02 고객 발길이 끊이지 않는 쇼핑몰
01 워드프레스 쇼핑몰 전용 플러그인과 테마
[실습] 우커머스 플러그인 설치하기
[실습] 쇼핑몰 Storefront 테마 설치하기
02 우커머스 플러그인으로 레고 쇼핑몰 만들기
[실습] 웹사이트 제목과 태그라인 설정하기
[실습] [일반] 탭 설정하기
[실습] [상품] 탭 설정하기
[실습] [세금] 탭 설정하기
04 본격 리얼 웹사이트 제작 프로젝트
[실습] 코드엠샵 결제 플러그인 설치하고 [결제] 탭 설정하기
[실습] [배송] 탭 설정하기
[실습] [계정] 탭 설정하기
03 상품 카테고리와 메뉴 구성하기
[실습] 상품 카테고리 만들기
[실습] 쇼핑몰 메뉴 구성하기
04 쇼핑몰 상품 등록하기
[실습] 상품 이미지 및 안내문 등록하기
[실습] 상품 옵션 등록하기
[실습] 그룹 상품 등록하기
[실습] 외부 연계 상품 등록하기
05 홍보용 이미지 슬라이더 만들기
[실습] Meta Slider 플러그인으로 슬라이더 만들기
06 웹사이트와 이메일 푸터 설정하기
[실습] 웹사이트 푸터 설정하기
[실습] 이메일 푸터 설정하기
07 상품 주문하고 관리하기
[실습] 무료 배송 기준과 수표 지불 비활성화 및 주문 취소 기능 설정하기
[실습] 상품 시험 주문하기
[실습] 관리자의 주문 확인하기
[실습] 관리자의 주문 접수 메일 확인하기
[실습] 고객의 주문 확인하기
[실습] 고객의 주문 메일 확인하기
[실습] 주문 취소하기
[실습] 쿠폰 기능 사용하기
[실습] 보고서 기능 사용하기
08 전자상거래 표준약관과 개인정보 처리방침
전자상거래 표준약관
개인정보 처리방침

PROJECT 03 강력한 1인 미디어를 위한 블로그 웹진
01 무료 테마로 패러디 웹진 ㅎㅎㅅㅅ 만들기
[실습] ColorMag 테마 설치하기
02 웹사이트 설정 및 메뉴 등록하기
[실습] 웹사이트 제목 변경하고 불필요한 위젯 비활성화하기
[실습] 웹진 카테고리 만들기
[실습] 웹진 메뉴 구성하기
03 사용자 정의하기로 웹진 화면 구성하기
[실습] 헤더 이미지 등록하기
[실습] 긴급 뉴스 활성화하고 날짜 표시하기
[실습] 메뉴 바에 [홈], [검색], [랜덤 글] 아이콘 표시하기
[실습] 웹사이트 전체 레이아웃 및 색상 변경하기
[실습] 웹사이트에 [소셜] 아이콘 표시하기
[실습] 우측 사이드바에 위젯 배치하기
04 웹진에 기사 콘텐츠 올리기
[실습] 새 글 쓰기
05 웹진 추가 기능 사용하기
워드프레스의 사용자 권한 체계와 팀블로그의 권한 사용
[실습] 슬라이더 위젯 만들기
[실습] 추천 글 위젯 만들기
[실습] 카테고리 디자인 색상 변경하기

PROJECT 04 개성 있는 포트폴리오 웹사이트
01 포트폴리오에 적합한 무료 테마
[실습] Oblique 테마 설치하기
02 사용자 정의하기로 포트폴리오 화면 구성하기
[실습] 검색 창 없애기
[실습] 헤더 이미지 확장하기
[실습] 블로그 옵션 설정하기
[실습] 웹사이트 제목 변경하기
[실습] 헤더 이미지 변경하기
[실습] 사이드바 위젯 제거하기
03 이미지 갤러리 플러그인 사용하고 메뉴 구성하기
[실습] About 페이지를 전면 페이지로 설정하기
[실습] 이미지 갤러리 Robo Gallery 플러그인 설치하기
[실습] 포트폴리오 메뉴 만들기

[예스24 제공]

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

안드로이드 앱 개발 완벽 가이드

 

안드로이드에 관심을 갖는 이유는 딱 하나라고 생각합니다. 앱을 만들자는 것입니다. 안드로이드 자체보다는 나만의 앱을 만드는 것이 최종 목표입니다. 그러나 한편으로는 안드로이드에 대한 지식과 식견이 없이는 훌륭한 앱을 만들 수 없습니다. 그래서 안드로이드를 속속들이 파악하고자 흔히 API라고 불리는 그 많은 자바 클래스들을 하나씩 들여다보자니 그 또한 보통 일이 아닙니다. 그런 점을 감안하여 이 책에서는 가장 효율적인 학습 방법을 제시하고 있습니다.

가장 빠르고 쉽게 안드로이드를 휘어잡는 방법은 무엇일까?

“백문이 불여일타!”
우리나라 프로그래머들에게 전해오는 우습지만 정확한 한마디입니다. 새로운 프로그래밍 체제를 익히는 제일 좋은 방법은 실전 코드를 입력하고, 실행하면서 프로그램 속에서 직접 체험하는 것이라는 의미이지요. 안드로이드 앱 개발 역시 그 많은 API를 개별적으로 들여다보는 것도 중요하지만, 완전한 앱 속에서 직접 키보드를 두드리며 체험하는 게 제일 효율적이라는 생각입니다. 잘 이해되지 않는 모호한 개념이나 기능들도 실전 코드 속에서 응용 사례를 보면 아주 빠르게 감을 잡고 정확하게 이해하게 됩니다.

안드로이드 API들을 단편적으로 설명한 책들과 무료로 참조할 수 있는 문서들도 많이 있기 때문에 이 책에서는 안드로이드 SDK 2.2(SDK 2.1로 다운그레이드 설명 포함)를 기준으로 상업성을 갖춘 제대로 된 앱을 실제로 개발하는 경험을 통해 안드로이드를 정복할 수 있게 가이드하고 있습니다.

이 책에서는 Windows와 Mac 개발자를 위해 전체적으로 4가지 테마를 제시하고 있습니다.

1부, 5부 : 안드로이드에서 어떤 앱을 개발하더라도 필수적으로 알아야 하는 기초를 설명합니다. 개발 툴의 설치부터 안드로이드의 체계와 구성, 특징, 기본 개념들과 완성된 앱을 안드로이드 마켓에 업로드하기 위한 등록부터 배포 중지까지의 절차를 설명합니다.

2부 : 스마트폰에 최적화된 앱사이트의 개발을 설명하고 있습니다. 인트로 애니메이션부터 앱보드, 회원 인증까지 완전한 앱사이트를 구축하는데 필요한 기능들을 구현하면서 보편적으로 많이 사용되는 다양한 API들과 기술적 개념들을 익히게 됩니다.

3부 : 스마트폰 전용 앱몰(쇼핑몰)에 필요한 모듈들을 개발합니다.. 회원 가입부터 장바구니, 주문까지 쇼핑몰에 필수적인 기능들을 앱으로 구현하는 방법들을 상세하게 완벽한 코드로 설명합니다. 이 과정을 통해 앱사이트를 넘어선 더 많은 프로그래밍 논리와 API, 테크닉 등을 습득하게 됩니다.

4부 : 실무에서 중요한 테크니컬한 기능들을 구현합니다. GPS와 구글맵, 센서, 전화걸기 등 스마트폰만의 특별한 기능들을 구현하는 방법과 동영상, 오디오까지 테크니컬한 기능들을 구현하고 있습니다. 4부까지 학습하면 다른 앱도 쉽게 개발할 수 있도록 특수한 API와 기법들을 설명했습니다.

이 책은 다음과 같은 관점에서 기술되었습니다.

① 자바를 조금만 알아도 윈도우와 맥에서 앱을 쉽고 빠르게 개발할 수 있는 능력이 배양되어야 한다.

② 전체 과정을 화면 그림으로 설명해서 초보자도 쉽게 따라하면서 앱의 개발 체계를 확실히 이해하고 응용할 수 있어야 한다.

③ 안드로이드 SDK의 API들만 알아서는 완전한 앱을 개발하기 어려우므로, 안드로이드와 자바의 기능들을 최대한으로 체험하면서 실제로 앱을 만드는 경험을 해야 한다.

④ 한글 입력기부터 애니메이션, 동영상, 사운드, 센서, GPS와 구글맵 등 스마트폰에서 유용한 기능들을 모두 포함시켜야 한다.

⑤ 프로그래밍 실무에서 부딪히게 되는 다양한 난제를 드러내고, 그에 대한 해결책을 제시해서 개발자의 경험과 노하우를 전수해야 한다.

⑥ 책대로 따라하면 연습용이 아닌, 상업성 있는 완벽한 앱을 만들 수 있어야 한다.

⑦ 책에서 설명하는 기초와 프로젝트를 이해하고 나면 다른 앱을 만들 실력이 충분히 갖추어져야 한다.

이 책의 내용에 대한 질문은 www.owllab.com에서 해결해드립니다.

책 목차

1부 안드로이드 기초

1장 안드로이드 개발 환경 구축하기

1 Java JDK 설치
1.1 Java JDK 다운로드
1.2 Java JDK 설치
1.3 Java JDK 환경 설정
1.4 Java JDK 버전 확인
2 이클립스 설치
2.1 이클립스 설치
2.2 이클립스 실행 및 작업 경로 정의
3 ADT 플러그인 설치
4 Android SDK 설치
4.1 Android SDK 다운로드 및 압축 해제
4.2 Android SDK 환경 설정
5 AVD(Android Virtual Device) 생성
5.1 AVD 생성하기
5.2 AVD 실행하기
5.3 AVD 오작동 사례
5.4 AVD 홈폴더 변경
6 Mac OS X용 안드로이드 개발 환경 구축
6.1 JDK (Java Development Kit) 설치 확인
6.2 Mac OS X용 이클립스 설치
6.3 Mac OS X용 ADT 플러그인 설치
6.4 Mac OS X용 Android SDK 설치
6.5 Mac OS X용 Android SDK 환경 설정
6.6 Mac OS X용 AVD 생성과 실행

2장 안드로이드 기초 다지기

1 안드로이드 프로젝트 생성하기
1.1 안드로이드 프로젝트 생성
1.2 안드로이드 프로젝트 생성 속성
2 프로젝트 관리 기초 다지기
2.1 프로젝트 열기/닫기
2.2 프로젝트 삭제
2.3 프로젝트 가져오기
3 프로젝트 소스 구성
3.1 액티비티
3.2 gen(Generated Java Files)
3.3 안드로이드 API
3.4 리소스들
3.5 화면 레이아웃 구성
3.6 값요소(res/values)들 정의
4 안드로이드 배포 설정
4.1 "AndroidManifest.xml" 개요
4.2 Android Manifest
4.3 Android Manifest Application
4.4 Android Manifest Permissions
4.5 Android Manifest Instrumentation
4.6 AndroidManifest.xml 파일 소스
4.7 default.properties
5 디버그 모드 실행

2부 앱사이트 구축

3장 인트로(Intro) 애니메이션

1 앱사이트 프로젝트 생성
2 표지(Intro) 페이지 생성
3 이미지 출력하기
3.1 액티비티에서 직접 이미지 출력하기
3.2 레이아웃 리소스를 통해 이미지 출력하기
4 문자열 출력
4.1 문자열 그림자 효과
4.2 문자열 줄 바꿈과 스타일
4.3 문자열 자동 링크(웹주소, 이메일, 전화번호)
5 이미지 리소스 변경
6 가상기기 가로 화면 전환
7 가상기기 한글 설정
7.1 가상기기 언어 변경
7.2 가상기기 한글 입력기
8 애니메이션 효과
8.1 변형 애니메이션 (Tween Animation)
8.2 프레임 애니메이션 (Frame Animation)
8.3 변형 애니메이션 (Tween Animation) 활용
8.4 프레임 애니메이션 (Frame Animation) 활용
9 안드로이드 이미지 객체
10 나인-패치(Nine-patch) 파일 만들기
11 안드로이드 리소스 유형과 지정된 폴더

4장 앱(App) 레이아웃

1 레이아웃 애니메이션 구현
2 레이아웃 액티비티 생성
3 레이아웃 화면 전환 버튼 만들기
4 레이아웃 디자인 편집기
5 상단 메뉴바
6 이클립스의 XML 자동 포맷 기능

5장 메인 화면 구현(복합 레이아웃)

1 레이아웃 공유
2 FrameLayout의 겹침 효과
2.1 메인 배너 처리
2.2 겹침 효과
3 분산 레이아웃
4 FrameLayout으로 Tab 화면 구현하기
5 앱 화면의 풀 스크린

6장 HTML 뷰어

1 WebView로 웹 화면 출력하기
2 WebView의 다양한 속성 설정
3 WebView의 한글 인코딩 문제
3.1 웹서버와의 소켓 통신
4 DDMS를 이용한 안드로이드 로그캣 보기
4.1 안드로이드 Log 작성법
5 라이브러리 찾아 추가하기

7장 공유 액티비티 클래스화

1 공유 클래스 만들기
2 공유 클래스 활용하기
3 프로젝트 이름 바꾸기
4 소스 인코딩 디버깅

8장 앱보드(App-Board)

1 메인 공지 목록
1.1 목록 객체 디자인
1.2 목록 행 아이템 디자인
1.3 목록 어댑터
1.4 PHP 웹서버로 XML 데이터 서비스
1.5 메인 공지 프로세스 클래스 생성
1.6 웹서버와 통신
1.7 여러 가지 XML 해독기의 이해
1.8 XML 해독 - DOM Parser 방식
1.9 액티비티 연동 및 테스트
2 실물 디자인
2.1 단말기(Device)에 맞는 레이아웃 디자인
2.2 스타일 디자인
2.3 실물 디자인 교정
2.4 실물 크기로 가상기기 설정/실험
2.5 띠무늬 목록 디자인
3 공지 상세 보기
3.1 목록에 상세 버튼 만들기
3.2 안드로이드 내장 리소스 활용
3.3 HashMap으로 전체 데이터 공유
3.4 상세보기 버튼의 클릭 이벤트
3.5 레이아웃 스타일 정의
3.6 둥근 사각틀
3.7 레이아웃 디자인
3.8 Dialog에 레이아웃 리소스 사용
3.9 실험하기

9장 카테고리 탐색기

1 카테고리 객체 정의
2 목록 어댑터 소스 복제
3 행 레이아웃 복제
4 안드로이드 내장 이미지 활용
5 이미지 버튼의 이미지 확대/축소
6 카테고리 액티비티
7 XML 해독의 솔루션화
8 카테고리 XML 데이터 연동
9 메인 액티비티에서 카테고리 출력
10 행 레이아웃과 데이터 매핑
11 동적 액티비티 구현
12 제품 목록 임시 화면
13 카테고리 XML 데이터
14 카테고리 실험하기
15 동적 화면 제목

10장 앱 메뉴

1 앱 메뉴 개요
2 앱 메뉴의 기본 구성 및 사례
2.1 옵션 메뉴
2.2 콘텍스트 메뉴
2.3 서브 메뉴
2.4 메뉴 그룹
3 앱 메뉴 디자인
3.1 메뉴 아이콘 등록
3.2 옵션 메뉴 XML 작성
3.3 서브 메뉴 XML 작성
3.4 그룹 메뉴 XML 작성
3.5 확장 메뉴 XML 작성
4 옵션 메뉴 클래스 생성
4.1 동적 화면 전환 기능의 솔루션화
4.2 옵션 메뉴의 동적 화면 전환
4.3 회사 주소를 XML로
5 인텐트를 통한 액티비티간 변수 전달
6 옵션 메뉴의 액티비티 적용
7 가상기기 실험
8 콘텍스트 메뉴 구현
8.1 콘텍스트 메뉴 디자인
8.2 콘텍스트 메뉴의 액티비티 적용
8.3 가상기기 실험

11장 진행 화면(Loading)

1 진행 화면 개요
1.1 가로형 진행 화면
1.2 회전형 진행 화면
2 진행 화면 구현
2.1 버튼에 진행 화면 달기
2.2 전역 진행 화면 로직
2.3 통신 모듈에 진행 화면 달기
2.4 액티비티 라이프사이클
2.5 액티비티에 진행 화면 달기
2.6 메뉴에 진행 화면 달기

3부 앱몰 구축 

12장 회원약관/회원가입

1 옵션 메뉴 추가
2 웹 회원 가입 화면 분석
3 웹이미지 가공
4 이미지 리소스 등록
5 회원약관 레이아웃 디자인
6 회원가입폼 레이아웃 디자인
7 화면 제목 정의
8 화면 스타일 정의
9 액티비티 정의
10 회원약관 액티비티
11 회원정보 입출력
12 입력란 필터
13 단말기 정보 가져오기
14 입력란 관련 유틸
15 회원가입폼 액티비티
16 회원약관 XML
17 회원가입 XML
18 실험하기

13장 로그인

1 이미지 리소스 등록
2 로그인폼 레이아웃 디자인
3 로그인 액티비티
4 로그인 XML
5 실험하기

14장 회원 등급 제어

1 인증 확인 유틸 추가
2 관리자 전용 메뉴 추가
3 메뉴 접근 제어
4 액티비티에 메뉴 접근 제어 기능 적용
5 메뉴 접근 제어 XML
6 실험하기

15장 로그아웃

1 로그아웃 액티비티 등록
2 로그아웃 액티비티
3 로그아웃 XML
4 실험하기

16장 회원 정보 보기

1 레이아웃 재활용
2 액티비티
3 실험하기

17장 회원 정보 변경

1 레이아웃 재활용
2 액티비티
3 세션 통신
4 세션을 위한 XML 문서
5 실험하기
6 디버깅

18장 회원 탈퇴

1 액티비티
2 탈퇴 XML
3 실험하기
4 디버깅(소스 코드 일괄 변경)

19장 암호 찾기 마법사

1 SMS 발송 서비스
2 마법사 형식의 액티비티
3 SMS 수신 감지
4 임시암호 처리 XML
4.1 실험 아이디(testXXXX) 설정
4.2 암호 찾기 XML
4.3 임시암호 로그인
4.4 관리자 정보 XML
4.5 XML 실험
5 실험하기
5.1 테스트 시나리오
5.2 회원가입 제한 > 문의하기
5.3 회원가입 > 휴대전화기 가입 > 암호 찾기
5.4 회원가입 > 휴대전화기 가입 > 암호 찾기 > 기타 오류 실패
5.5 회원가입 > 휴대전화기 가입 > 암호 찾기 > 계정 없음
5.6 회원가입 > 휴대전화기 가입 > 암호 찾기 > 기타 버튼 실험

20장 고객센터

1 레이아웃 디자인
2 인텐트를 사용한 서비스 연동
2.1 SMS 문의하기
2.2 음성통화로 문의하기
2.3 이메일로 문의하기
2.4 웹사이트로 연결하기
2.5 고객센터 가는 길(네비게이션)
3 고객센터 액티비티
3.1 액티비티 등록 및 생성
3.2 화면 출력 프로세스
3.3 현재 위치 감지 프로세스
4 고객센터 메뉴 추가
5 GPS를 지원하는 가상기기 생성
6 실험하기

21장 상품 검색

1 카테고리 탐색
1.1 계층형 카테고리 탐색
1.2 실험용 XML 문서 준비
1.3 XML 문서 실험
2 동적 화면 제목 구현
3 상품 목록 레이아웃
3.1 검색폼
3.2 행 레이아웃
4 상품 목록 아답터
5 상품 목록 액티비티
6 상품 검색 XML
7 실험하기

22장 상품 상세 정보

1 상품 상세 정보 레이아웃
2 상품 상세 정보 액티비티
2.1 선택상자(Spinner)
2.2 이미지 확대축소(Bitmap Resizing)
2.3 장바구니 버튼
2.4 쇼핑계속 버튼
2.5 웹 상세 정보 버튼
2.6 문자열 치환 유틸리티
3 상품 상세 정보 XML
3.1 실험용 XML 제너레이터 소스
3.2 XML 테스트
4 옵션 메뉴와 상품 검색 기능 교정
5 디버깅 및 실험하기
5.1 NumberFormatException 디버깅

23장 장바구니

1 레이아웃 디자인
1.1 장바구니 화면 레이아웃
1.2 행 레이아웃
2 액티비티와 유틸리티
2.1 Activity와 Provider 등록
2.2 SQLite를 이용한 로컬 데이터베이스 구축
2.3 ContentProvider 구축
2.4 액티비티
2.5 아답터
2.6 화폐 포맷 유틸리티
2.7 문자열을 배열로 분리하는 유틸리티
2.8 Cursor를 HashMap으로 변환하는 유틸리티
2.9 배송비, 결제금액 등을 연산하는 유틸리티
3 장바구니 옵션 메뉴 추가
4 실험하기

24장 주문서

1 주문서 작성
1.1 레이아웃 디자인
1.2 배열 리소스 활용
1.3 액티비티
1.4 주문서 등록 XML
1.5 주문서 XML 실험용 폼
1.6 주문서 등록 XML 실험
2 로그인 후 이전 화면으로 이동
3 주문내역 조회
3.1 주문서 목록 레이아웃
3.2 주문서 행 레이아웃
3.3 내역 목록 레이아웃
3.4 내역 행 레이아웃
3.5 주문내역 액티비티
3.6 주문서 목록 아답터
3.7 내역 목록 아답터
3.8 점프 액티비티
3.9 주문서 목록 XML
3.10 주문내역 XML
4 실험하기
4.1 XML 실험
4.2 앱 실험

4부 인터렉티브 / 테크니컬 

25장 비디오 재생

1 비디오 액티비티 생성
2 비디오 파일 등록
3 비디오 재생 화면 만들기
4 비디오 재생 콘트롤 작성
5 "인트로 화면"에 홍보 영상 버튼 만들기

26장 오디오 재생

1 오디오 관련 파일 등록
2 버튼 디자인
2.1 level-list 버튼
2.2 애니메이션 버튼
2.3 상단 메뉴바에 오디오 버튼 달기
3 오디오 재생 프로세스
3.1 오디오 데이터 정보 등록
3.2 미디어 플레이어 준비
3.3 오디오 재생 제어
4 실험하기

27장 센서를 이용한 개발

1 센서 시뮬레이터를 이용한 센서 개발
1.1 SensorSimulator 다운받기
1.2 SensorSimulator 설치하기
1.3 SensorSimulator 설정하기
1.4 SensorSimulator 데모 실험
2 SensorSimulator 데모 활용
2.1 SensorSimulator 데모 소스 분석
2.2 Warning 처리
2.3 센서 시뮬레이션 프로그램의 활용
2.4 SensorEventListener를 이용한 센서 액티비티

28장 GPS로 회사 찾기

1 구글맵 만들기
1.1 구글맵 액티비티 생성
1.2 구글맵 라이브러리 추가
1.3 구글맵 접근 권한 설정
1.4 구글맵 화면 레이아웃 만들기
1.5 구글맵 텍스트 버튼 만들기
1.6 구글맵 가상기기 생성
1.7 사용할 가상기기 설정
2 구글맵 인증키(Google Maps API Key) 설치하기
3 GPS 좌표로 지도 찾기
4 주소로 지도 찾기
4.1 XML 방식의 구글맵 GPS 정보 서비스
4.2 JSON 방식의 구글맵 GPS 정보 서비스
4.3 "지도 화면" 수정
4.4 안드로이드 전역변수 구현
4.5 주소 검색폼 만들기
4.6 전역변수를 통한 지도 검색 버튼
4.7 주소로 GPS 좌표를 구하는 액티비티
4.8 좌표 정보 오버레이 클래스
4.9 실험하기

29장 DDMS

1 DDMS 실행하기
2 Devices 창
3 File Explorer 창
4 Emulator Control 창
4.1 가상기기 통화 및 SMS
4.2 2대의 가상기기로 통화 및 SMS 실험
4.3 가상기기 맵 위치 정보
5 LogCat 창

30장 HTTPS 보안처리

1 SSL 아파치 서버 설정법
1.1 사설 SSL 인증서 만들기
1.2 SSL 가상 호스트 설정
1.3 아파치 https 실험하기
2 https 통신 솔루션
2.1 로그인, 회원가입은 https로 통신
2.2 POST 방식의 SSL 통신
2.3 사설 SSL을 앱에서 인증하는 방법
2.4 SSL을 위한 쿠키읽기
3 실험하기

31장 공동 작업과 소스 버전 관리를 위한 CVS(Concurrent Versions System)

1 CVSNT 서버 구축 - 평가판
1.1 Window 7에 CVS Suite 설치
1.2 제어판을 이용한 CVSNT 서버 설정
1.3 CVS 계정 등록
1.4 CVS 계정 인증 실험
2 CVSNT 서버 구축 - GNU 라이선스 버전(2.5.X)
2.1 Window 7에 CVSNT-2.5.X 버전 설치
2.2 CVSNT Control Panel의 문제와 CVS 서비스 확인
2.3 CVS 명령어로 저장소 설정
2.4 64비트에서 CVS 계정 설정
3 CVS를 통한 이클립스 형상 관리

5부 배포 

32장 안드로이드 마켓에 배포

1 개발자 등록
2 안드로이드 앱 인증키 발급
2.1 이클립스를 이용한 앱 인증키 생성
2.2 터미널을 이용한 앱 인증키 생성
3 앱 업로드와 앱 배포
4 배포 실무 및 단말기 실험
4.1 앱의 버전 변경하기
4.2 앱 배포하기
4.3 배포키 발급
4.4 단말기 실험
4.5 디버깅 및 2차 배포

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

모바일 웹+웹앱+하이브리드앱 입문 jQuery Mobile Cordova를
활용한,한 권으로 끝내는 모바일 웹 기술의 모든 것

 

프로그래밍에 지식이 없는 초보자도 쉽게 앱을 만들 수 있다.

웹 기술은 초보자도 빠른 시간에 쉽게 습득할 수 있는 기술이며 다양한 응용 환경에 편리한 인터페이스로 활용할 수 있다. 때문에 이제는 컴퓨터 비전공자라도 누구나 알아야 하는 기본 기술이 되어가고 있다.

그럼에도 불구하고 아무런 맥락 없이 공부해 나가기에는 그 접근이 쉽지 않은 것도 사실이다. 초심자가 웹 기술을 배우고 익히기에 기술들이 너무나 광범위하고 복잡해서 상당한 시간과 노력을 기울여야만 하는 점들을 고려하여, 이 책은 누구나 쉽고 간단하고 빠르게 앱을 만드는 핵심 방법들에 대해 설명하고 있다.

실습을 통해 실제 앱을 만들고 판매할 수 있다.

핵심 기술에 대한 소개와 설명에 그치지 않고 실제 적용할 수 있는 다양한 구체적 예제를 통해 웹 활용 능력을 충분히 습득할 수 있도록 구성하였다. 이해를 돕는 간단한 예제 코드 수준에 그치지 않고 실제 활용 가능한 소규모의 프로젝트 코드를 제공 하였습니다. 포트폴리오 모바일 웹, 도서 관리 웹앱, 지도 관리 하이브리드앱, 맛집 관리 하이브리드앱 등 실제로 사용 가능한 수준의 다양한 예제와 전체 코드를 제공하고 있다.

이 책을 통해서 누구나 웹 기반의 앱을 개발하고 다양한 플랫폼 환경에서 동작하도록 패키징 함으로써 앱 마켓이나 스토어를 통해 배포할 수 있다.

다양한 웹 기술을 빠르고 간단하게 배울 수 있다.

HTML5, CSS3, JavaScript, jQuery, Ajax, XML, JSON, Database, jQuery Mobile, PhoneGap 등 현 시점에서 반드시 알아야 하는 필수 웹 기술 요소들에 대해 핵심적인 내용들을 예제를 통해 학습할 수 있도록 하였습니다. 방대한 내용이지만 핵심적인 개념과 다양한 마크업과 스타일, 메소드, API 함수에 대한 간결한 설명, 그리고 이를 적용한 다양한 예제를 적용하고 만들어 가다 보면 초보자라도 빠르게 전문가가 될 수 있을 것이다.

하이브리드앱을 위한 폰갭, 제이쿼리, 제이쿼리 모바일 활용

모바일 웹앱의 등장으로 웹과 네이티브앱의 경계가 무너지고 있고 다수의 네이티브앱들은 모바일 웹앱으로도 충분히 개발할 수 있다. 이 책은 모바일 웹앱과 이에 기반한 하이브리드앱을 쉽고 빠르게 개발하도록 지원해주는 프레임워크의 활용 방법에 대해 알기 쉽게 설명하였다. 특히, 안드로이드 플랫폼 기반의 웹앱과 하이브드리앱에 초점을 맞추고 있다. 손쉽게 모바일 사용자 경험(UX)를 제공하는 가장 인기있는 프레임 워크인 제이쿼리 모바일과 다양한 플랫폼 기반의 애플리케이션 개발을 위한 가장 강력한 프레임워크인 폰갭의 활용 방법과 이에 기반한 앱 개발 과정을 배울 수 있다.

개정판 주요 변경 내용

첫째 마당의 내용과 관련해서 모바일 웹 환경과 관련한 각종 통계와 수치 정보들이 최신 정보로 갱신되었다.

둘째 마당과 셋째 마당의 내용들은 최신의 제이쿼리 모바일 라이브러리와 제이쿼리 라이브러리 버전을 적용한 예제와 실행 결과들로 전면 수정되었다.

넷째 마당의 하이브리드 앱 내용들은 폰갭보다는 코르도바 관점에서 내용이 기술되었으며 변경된 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)

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,