정전계(static electric field), 정자계(static magnetic field) 로 부터 시작하여, 시변(time-varying) 전자계의 각종 이론이 현장 전기설비 관리 중에 어떠한 모습으로 나타나는 지를 경험을 통해 소개하고, 마지막으로 맥스웰 방정식 유도까지를 물리적 개념으로 설명하였다. 이 책의 전반부는 비즈니스 모델과 서비스 기획 그리고 기획자의 자질 및 프로젝트 관리방법 등 기획관련 요소 중 전공자들이 자칫 간과하기 쉬운 내용 위주로 구성되어 있다. 그리고 후반부에는 무수한 문법적 요소들 중에서 가장 기초적인 태그 30개만 엄선하여 수록함으로써 학생들이 스스로 HTML5 로 서비스의 골격을 세우고 CSS3 로 심미적인 완성도를 높일 수 있는 기초역량을 함양하는데 초점을 맞추었다.

저자 서문 V

1장 비즈니스 모델 1

1.1 비즈니스 모델 개요 1
1.2 전통적 비즈니스 모델 2
1.3 성공적인 비즈니스 모델 3
1.4 보완적 자산 모델 3
1.5 GBF 비즈니스 모델 4
1.6 비즈니스 지속성 모델 5
1.7 네트워크 효과 5
1.8 비즈니스 모델의 9대 요소 6
1.9 BMC 모델 7
1.10 비즈니스 모델 수립시의 고려사항 8
1.11 비즈니스 모델의 치명적 결함 9
1.12 비즈니스 모델 점검사항 10
연습문제 11

2장 서비스 기획 13

2.1 서비스 기획 사이클 13
2.2 시장분석 14
2.3 고객분석 19
2.4 정보구조 24
2.5 와이어프레임 26
2.6 피그마(Figma) 27
2.7 플로우차트 28
2.8 스토리보드 29
2.9 디스크립션 30
2.10 프로토타입 31
2.11 최소기능 서비스 31
2.12 A/B 테스트 32
연습문제 35

3장 서비스 기획자의 자질 37

3.1 T자형 인재 37
3.2 인터넷 기술에 대한 이해 38
3.3 도메인 지식 39
3.4 사용자경험에 대한 이해 39
3.5 프로젝트 관리에 대한 이해 40
3.6 시간관리 능력 40
3.7 협상 능력 41
연습문제 41

4장 시간 관리 43

4.1 제1상한 44
4.2 제2상한 45
4.3 제3상한 45
4.4 제4상한 46
4.5 긴급성의 중독 46
4.6 중요성의 원리 47
연습문제 48

5장 프로젝트 관리 49

5.1 프로젝트 관리자의 역할 49
5.2 프로젝트 팀 50
5.3 팀워크 52
5.4 경영진과의 관계 53
5.5 소통 문제가 야기되는 지점 53
5.6 프로젝트의 주요 실패원인 54
5.7 프로젝트 실패의 여파 55
5.8 프로젝트 관리의 필요성 56
5.9 일정관리 56
5.10 간트차트 57
5.11 WBS 58
5.12 작업 60
5.13 위험관리 62
연습문제 65

6장 협상 67

6.1 협상에 대한 오해 68
6.2 협상이론 68
6.3 협상방안 71
6.4 협상 십계명 73
연습문제 78

7장 HTML5 79

7.1 웹편집기와 웹브라우저 79
7.2 웹표준 80
7.3 HTML5 와 CSS3 81
7.4 HTML 의 버전 82
7.5 HTML5 지원 브라우저 82
7.6 HTML 문서 작성 도구 83
7.7 Visual Studio Code 84
7.8 HTML 태그의 구조 85
7.9 간단한 HTML 코드 구현 86
7.10 HTML 문서의 기본 구조 87
7.11 웹호스팅 88
7.12 파일 업로드 89
7.13 HTML5 주요 태그 90
연습문제 97

8장 CSS3 101

8.1 스타일 형식 102
8.2 스타일 표기법 103
8.3 스타일시트 103
8.4 선택자 106
8.5 케스케이딩 114
8.6 스타일 상속 114
8.7 CSS3 116
8.8 박스모델 131
8.9 레이아웃 149
8.10 멀티미디어 159
8.11 고급 선택자 166
8.12 반응형 웹 170
8.13 미디어쿼리 179
8.14 플렉스 187
연습문제 202

찾아보기 214

최준삼

다음은 이러한 취지에 맞춘 이 책의 강의 원고로 수업을 들은 학생들에게서 받은 피드백들입니다.

- 그동안 접한 강좌에서는 기술에 대해서만 배웠는데 이 수업을 통해서는 실제 서비스에 필요한 지식을 배울 수 있었습니다.
- 웹프로그래밍은 내가 개발하고 있는 과정을 직접적으로 볼 수 있는 흥미로운 코딩과정이라는 것을 알게 되었습니다.
- 단순히 다운로드해서 썼던 앱에 서비스전략과 기획방향이 반영된다는 사실이 신기했고 새로운 가치를 제공하는 창구로서의 웹 또는 앱 구축 기술이 4차산업시대에 왜 필요한지 깨달았습니다.
- 웹프로그래밍은 밀당인 것 같습니다. 전공수업이 어려워 힘들어하고 있었는데 이 수업 덕분에 끈을 놓지 않을 수 있었습니다. 진로선택에 도움이 되었고 앞으로의 길을 찾게 해주는 가치있는 내용을 배웠습니다.
- 웹프로그래밍은 단순한 코딩이 아니라 하나의 창작과정이라는 것을 알게 되었고 내가 하고 싶은 것이 무엇인지 그리고 앞으로 어떤 방향으로 스스로를 발전시키면 좋을지를 생각하게 해 준 수업이었습니다.

위와 같이 이 책은 독자들에게 웹과 앱의 체계를 잡아주는 실용 위주의 지식들로 가득 차 있습니다. 실습을 병행하며 끝까지 잘 학습한 독자라면 필자의 제자들처럼 시장조사와 고객에 대한 이해를 거쳐 애플리케이션 전략 수립과 HTML5+CSS3 를 활용한 서비스 구현에 이르기까지 서비스를 직접 기획하고 설계할 수 있는 탄탄한 기초실력을 갖출 수 있게 될 것입니다.