Fast Web Service Build Up(페스트 웹 서비스 빌드 업): 웹서비스를 쉽고 빠르게 구축하는 기술(실무개발자가 아주 쉽게 풀어 쓴)

웹 서비스, 개발에서 멈추지 말고 클라우드에 서비스까지!

그리고 Twitter bootstrap, Django, jQuery, Heroku를 하나로~



이 책은 웹 서비스를 위해 클라이언트와 서버를 개발하는 부분은 물론이고, 실제 클라우드에 서비스를 올리는 데 까지를 하나의 프로젝트로 생각하여 다루고 있습니다. 웹 프로젝트를 실제로 서비스하기 위해서는 개발을 마치고 난 뒤에도 많은 작업들을 해야 하는데, 많은 책들은 그런 부분들을 다루지 않기에 실제 서비스를 하는 데는 어려움을 많이 겪을 수 밖에 없습니다. 그래서 이 책은 클라이언트를 위한 좋은 프레임워크인 Bootstrap과 jQuery, 이러한 서비스를 동작하게 하기 위한 서버 Python + Django, 그리고 이 서비스를 호스팅 할 수 있는 클라우드 서비스인 Heroku까지 다루고 있습니다. 다양한 새로운 기술을 사용하고 있다고 어려워 마세요. 초보자 분들도 모두 웹 서비스를 개발하고 서비스할 수 있도록 쉽고 자세하게 이야기 합니다.

Chapter 1

Introduction



1.1 이 책이 가지는 의미

1.1.1 무엇이 많은 책들과 다른가?

1.1.2 이 책이 목표로 하는 것

1.1.3 이 책이 목표로 하는 독자

1.1.4 책을 시작하기 전에...



1.2 패스트 웹 빌드 업 이란

1.2.1 웹 서비스의 개요

1.2.2 패스트 웹 빌드 업

1.2.3 Client & Server

1.2.3.1 Client

1.2.3.2 Server



1.3 다양한 기술의 접목, 기술 세트

1.3.1 사용자를 위한, Client

1.3.1.1 웹 페이지의 기본 틀, HTML

1.3.1.2 웹 스크립트언어, JavaScript

1.3.1.3 JavaScript를 위한 선물세트, jQuery

1.3.1.4 웹 스타일의 기본, CSS

1.3.1.5 CSS를 위한 선물세트, BootStrap

1.3.2 어렵다는 선입견을 없애 줄, Server

1.3.2.1 구글이 선택한 언어, Python

1.3.2.2 멋진 웹 프레임워크, Django

1.3.2.3 이제는 클라우드가 대세!, Heroku



1.4 우리의 최종목표

1.4.1 "타임라인 서비스"

1.4.2 진행방법



Chapter 2

첫 번째 난관, 환경설정



2.1 개발 도구, IDE 설정 : Aptana Studio



2.2 클라이언트 프레임워크 설정



2.3 서버를 위해 사용될 언어, Python 설정



2.4 또 하나의 프레임워크, Django 설정



Chapter 3

CSS & Bootstrap



3.1 부트스트랩 소개

3.1.1 부트스트랩 (Bootstrap, from Twitter)

은 무엇인가?

3.1.2 Bootstrap 시작하기

3.1.3 Bootstrap 3가지 기본 레이아웃

3.1.4 정리



3.2 CSS, HTML을 멋지고 구조적으로 꾸미기

3.2.1 CSS란?

3.2.2 CSS 기본 요소

3.2.2.1 CSS를 적용하는 방법

3.2.2.2 CSS 선택자 (Selector)

3.2.3 CSS Elements

3.2.3.1 CSS3 보더(Borders)

3.2.3.2 폰트 (Fonts)

3.2.3.3 트랜지션 (transitions)



3.3 LESS, CSS를 효과적으로 작성하기

3.3.1 CSS 생산성 높이기

3.3.2 CSS 프레임워크 (CSS Framework)

3.3.3 CSS 전처리기 SASS와 LESS

3.3.4 LESS 시작하기

3.3.5 LESS 언어



3.4 Bootstrap, 쉽고 빠른 웹 프레임워크

3.4.1 부트스트랩 구조와 이해 시작하기

3.4.2 글로벌 스타일 (Global styles)

3.4.3 그리드 시스템 (Grid system)

3.4.4 반응형 디자인(Responsive Design)

3.4.5 부트스트랩에서 제공하는 Base CSS

3.4.5.1 타이포그래피(Typography)

3.4.5.2 코드 블록(Code block)

3.4.5.3 테이블 (Tables)

3.4.5.4 버튼(Buttons)

3.4.5.5 폼 (Form)

3.4.5.6 아이콘 (Icons)

3.4.6 컴포넌트(Components)

3.4.6.1 다양한 버튼과 효과에 대해서 알아보기

3.4.6.2 여러 종류의 리스트 스타일 내비게이션들

( Nav, tabs, and pills)

3.4.6.3 프로그레스 바 (Progress bars)

3.4.6.4 기타사항 (Miscellaneous)

3.4.7 커스터마이징 (Customizing)



3.5 실전 예제, "부트스트랩을 이용한 개인용 포트폴리오 페이지 만들기"

3.5.1 프로젝트에 대해

3.5.2 프로젝트의 컨셉, 한눈에 들어오는 CV(이력서)

3.5.3 웹페이지 Blueprint

3.5.4 프로젝트 진행 순서

3.5.5 "포트폴리오 페이지"의 구성

3.5.6 실전 예제

3.5.7 프로젝트 완료



Chapter 4

서버 프로그래밍을 위한 Python과 Django



4.1 Server와 Python

4.1.1 서버란 무엇인가?

4.1.2 파이썬



4.2 강력한 프로그래밍 언어, Python

4.2.1 파이썬 맛보기

4.2.1.1 파이썬을 실행해 봅시다.

4.2.1.2 워밍업, 간단한 프로그램

4.2.2 파이썬의 필수 문법과 사용법

4.2.2.1 변수와 자료형

4.2.2.2 연산자

4.2.2.3 조건문

4.2.2.4 반복문

4.2.2.5 함수

4.2.2.6 클래스

4.2.2.7 모듈과 패키지



4.3 서버개발을 빠르게, 웹 프레임워크Django

4.3.1 장고란?

4.3.2 장고 시작 해 보기

4.3.2.1 프로젝트 만들고 설정하기

4.3.2.2 첫 장고 프로그램 따라 해 보기

4.3.3 장고 프로젝트의 시작

4.3.3.1 장고 설정

4.3.3.2 장고 앱 만들기

4.3.4 데이터가 담기는 그릇, 모델

4.3.4.1 모델의 생성과 접근

4.3.4.2 원하는 데이터만 얻어 오는 방법

4.3.4.3 모델의 여러 자료형들

4.3.4.4 모델간의 관계를 주자

4.3.5 뷰를 통해 사용자에게 데이터를 보여주자!

4.3.5.1 urls.py

4.3.5.2 뷰 만들기

4.3.5.3 POST와 GET

4.3.5.4 템플릿



Chapter 5

웹 프로그래밍의 필수요소,

JavaScript와 jQuery



5.1 타임라인 프로젝트에서의 자바스크립트

5.1.1 자바스크립트가 이용되는 부분

5.1.2 앞으로의 구성



5.2 웹 스크립트 언어, JavaScript

5.2.1 자바스크립트 란?

5.2.1.1 개발환경의 설정

5.2.1.2 개발할 때의 주의사항

5.2.1.3 지금부터 시작해 볼까요?

5.2.2 자바스크립트의 기초

5.2.2.1 다양한 활용을 위한, Pop-up(Dialog)

5.2.2.2 C 혹은 JAVA와는 조금 다른 자바스크립트

5.2.2.3 객체를 활용하자, Number, String, Array

5.2.2.4 자바스크립트의 연산

5.2.2.4 조건문과 반복문

5.2.2.5 함수를 활용하자

5.2.2.6 주의해야 할 Scope의 개념

5.2.3 자바스크립트의 활용

5.2.3.1 특정한 시점의 감지, 이벤트

5.2.3.2 객체조작의 기본, DOM

5.2.3.3 더 쉽지만 강력하게, Framework



5.3 쉽고 빠르고 강력하게, jQuery

5.3.1 jQuery 란?

5.3.1.1 개발환경의 설정

5.3.2 jQuery만의 문법

5.3.2.1 DOM 객체를 선택하는, Selector

5.3.2.2 선택된 객체를 탐색하는, Filter

5.3.2.3 객체 컨트롤의 핵심, jQuery API

5.3.2.4 한 줄에 모든 것 을 처리하자, 메서드 체인

5.3.3 jQuery의 강력한 기능, 이벤트

5.3.3.1 이벤트 란?

5.3.3.1.1 이벤트 메서드의 사용방법

5.3.3.1.2 bind( ), live( ), delegate( ), on( )

5.3.3.2 이벤트의 종류와 예제

5.3.3.3 또 다른 활용방법, 이벤트 복수 연결

5.3.4 UI도 화려하게, Effect와 Plug-in

5.3.4.1 Animation? 아니죠, Effect!

5.3.4.2 더 멋진 UI를 위한 플러그인, jQuery UI

5.3.5 웹과 서버의 부드러운 연동, AJAX

5.3.5.1 AJAX 란?

5.3.5.2 데이터 포맷의 양대 산맥, XML과 JSON

5.3.5.3 AJAX 실전



Chapter 6

이제는 클라우드 시대,

헤로쿠(Heroku)



6.1. 웹 서비스를 하려면?

6.1.1 웹 서비스를 하려면 서버가 필요 하죠

6.1.2 어떤 서버가 필요 한가

6.1.3 서버 도입하기



6.2. 왜 대세가 되었나, 클라우드 컴퓨팅

6.2.1 Cloud Computing

6.2.2 누가 클라우드 컴퓨팅을 사용하죠?



6.3. 헤로쿠 사용하기

6.3.1 본격적인 클라우드 컴퓨팅 - 헤로쿠

6.3.2 클라우드 서비스의 중요 요소, 가격 정책

6.3.3 이제 시작해 볼까요, 계정 만들기



6.4. Windows와 Heroku, 헤로쿠 툴

벨트와 만나다

6.4.1 헤로쿠 툴 벨트란?

6.4.2 헤로쿠 클라이언트, 윈도우즈에서 사용하기



6.5. 이제 클라우드로 서비스를, 실전 예제

6.5.1 시작하기 전 준비사항들

6.5.2 Virtualenv에 Django 시작하기

6.5.3 데이터베이스 설정하기

6.5.4 실전! 한 줄 블로그 제작하기- 데이터 모델

6.5.5 실전! 한 줄 블로그 제작하기- 뷰 만들기

6.5.6 장고와 아파치의 만남

6.5.7 헤로쿠에 배포할 준비하기

6.5.8 Git으로 소스코드 관리하기

6.5.9 헤로쿠에 배포하기

6.5.10 이제 정말 마지막! 데이터베이스 동기화



Chapter 7

실전, "웹 프로젝트, 구축에서 서비스까지"



7.1 프로젝트에 대해

7.1.1 프로젝트의 컨셉, 모든 것을 한번에!

7.1.2 웹 프로젝트 소개, "타임라인 서비스"

7.1.3 앞으로의 진행 방식



7.2 프로젝트를 시작하기 전에, 실전 예제

7.2.1 Client 실전 예제



7.3 "타임라인 서비스"의 개발

7.3.1 개발을 시작하기 전에, 설계 작업

7.3.1.1 설계 진행방향

7.3.1.2 기능 설계

7.3.1.3 Database 설계

7.3.1.3 API 설계

7.3.2 데이터를 위한 서버 구현

7.3.2.1 프로젝트 생성

7.3.2.2 프로젝트 설정

7.3.2.3 모델 생성

7.3.2.4 장고 관리자 만들기

7.3.2.5 로그인 구현하기

7.3.2.6 API 구현하기

7.3.2.7 Template Page 설정하기

7.3.3 웹 프로그래밍, 클라이언트

7.3.3.1 프로그래밍 워밍업, 회원가입 페이지

7.3.3.2 AJAX 기초를 위한, 로그인 페이지

7.3.3.3 AJAX 심화과정, 타임라인 페이지

7.3.3.4 Bootstrap으로 화려하게, 프로필 페이지

7.3.3.5 Python과 Django와의 연동, 계정 페이지



7.4 "타임라인 서비스"의 마지막 단계, 클라우드 서비스

7.4.1 클라우드 서비스, Heroku 설정

7.4.2 장고에 부트스트랩 더하기

7.4.3 이제 마지막, Deploy

이재근 저자 이재근은 SW 마에스트로 1기, NHN 멤버십 등에서 활동을 했으며, 현재 삼성전자에서 근무하고 있다.다양한 사람이 쉽게 사용할 수 있는 서비스를 좋아하고, 모바일과 웹에 관심이 많다. 많은 사람들에게 자신의 경험을 공유하는 것 또한 좋아하여 강연이나 집필 활동에도 많은 노력을 기울이고 있는 중이다.