미래의 웹 개발 커리어를 위해 배울 것은
프레임워크나 라이브러리가 아니라 웹 프로그램의 구조와 작동 원리

책의 제목이 왜 ‘웹 개발 새로고침’이냐는 물음에 편집자는 이렇게 답하고 싶다. 현직자라면 알고 있던 웹 개발 지식을 최신 기술 트렌드로 ‘새로 고칠’ 수 있고, 입문자라면 처음부터 ‘새로 고친’ 지식으로 차근차근 배울 수 있다고 말이다. 또한 웹 개발을 하려면 프레임워크나 라이브러리부터 배워야 한다는 낡은 생각도 ‘새롭게 고칠’ 수 있을 것이다. 1, 2장에서는 웹 서비스와 웹 프로그램의 큰 그림인 구조와 작동 원리에 대해 가장 먼저 살펴본다. 웹 서비스를 구성하는 서버-클라이언트 모델을 살펴보고 구현해본다. 확장성, 유지 및 보수, 협업 관점에서 더 나은 구조의 웹 프로그램은 어떤 것인지도 함께 알아본다. 프로그래머는 머릿속의 개념을 프로그램이라는 실체로 구현할 수 있어야 한다. 이를 위해 3, 4장에서는 중고 서적 거래 서비스를 만들어보며 앞에서 배운 개념이 어떻게 실제 코드로 구현되는지 살펴본다. 5장은 웹 프로그램을 AWS에서 실행하고 배포하는 과정을 다룬다. 클라우드 사용 방법, 웹 프로그램 구동을 위한 환경 설정, 도메인과 연결하는 방법 등을 배운다. 부록에서는 깃과 깃허브 사용법을 알려줘 체계적으로 소스 코드를 관리할 수 있게 한다. 비전공자인 편집자도 이 책으로 웹 개발의 전체 과정을 배울 수 있었고, 다른 IT 도서나 자료를 접했을 때 이 책에서 배웠던 지식이 떠올라 한층 더 잘 이해되는 것이 느껴졌다. 툴에 연연하지 않고 디테일이 아닌 큰 그림을 보는 방식으로 웹 개발에 입문할 수 있게 해주는 좋은 선생님 같은 책이다.

주요 내용

-웹 프로그램의 구성 요소
-HTML의 역할과 기본 구조
-자바스크립트의 역할과 기본 문법
-프런트엔드 코드와 백엔드 코드 작성하기
-중고 서적 거래 서비스 만들기
-AWS에 배포하기
-깃과 깃허브로 소스 코드 관리하기

베타리더 후기 008
시작하며 010
감사의 글 012
이 책에 대하여 014

CHAPTER 1 웹 서비스와 웹 프로그램
1.1 웹 프레임워크와 라이브러리 021
1.2 서버와 클라이언트 023
1.3 서버와 클라이언트는 어떻게 대화하는가? 025
1.4 웹 프로그램의 구성 요소 029

CHAPTER 2 웹 프로그래밍 시작하기
2.1 웹 프로그래밍 준비 035
2.2 Hello, world를 통해 살펴보는 웹 프로그램의 구조 040
__2.2.1 개발 환경 살펴보기 040
__2.2.2 처음 만들어보는 웹 프로그램 044
__2.2.3 프런트엔드 ? 백엔드 분리 051
__2.2.4 웹 프레임워크 바꾸어보기 ? 백엔드 061
__2.2.5 웹 프레임워크 바꾸어보기 ? 프런트엔드 066
2.3 웹 프로그래밍 기본 다지기 ? 프런트엔드 068
__2.3.1 HTML의 역할과 기본 구조 069
__2.3.2 자바스크립트의 역할과 기본 문법 075
2.4 웹 프로그래밍 기본 다지기 ? 백엔드 090

CHAPTER 3 기본 기능 만들기 ? 회원 관리 기능
3.1 프로젝트 기본 틀 잡기 099
3.2 메인 페이지 107
3.3 회원가입 기능 113
__3.3.1 회원 정보 정의 113
__3.3.2 프런트엔드 코드 작성 115
__3.3.3 백엔드 코드 작성 124
__3.3.4 예제 실행 128
3.4 로그인/로그아웃 기능 132
__3.4.1 프런트엔드 코드 작성 133
__3.4.2 백엔드 코드 작성 139
__3.4.3 예제 실행 147
3.5 내 정보 보기 · 수정 페이지 150
__3.5.1 프런트엔드 코드 작성 150
__3.5.2 백엔드 코드 작성 158
__3.5.3 예제 실행 167
3.6 선택: 비밀번호 수정 기능 167
__3.6.1 프런트엔드 코드 작성 168
__3.6.2 백엔드 코드 작성 173
__3.6.3 예제 실행 179

CHAPTER 4 중고 서적 거래 서비스 만들기
4.1 상품 올리기 186
__4.1.1 상품 정보 정의 186
__4.1.2 프런트엔드 코드 작성 188
__4.1.3 백엔드 코드 작성 196
__4.1.4 예제 실행 204
4.2 메인 페이지 ? 최근 상품 표시 205
__4.2.1 프런트엔드 코드 작성 206
__4.2.2 백엔드 코드 작성 210
__4.2.3 예제 실행 213
4.3 상품 페이지 214
__4.3.1 프런트엔드 코드 작성 214
__4.3.2 백엔드 코드 작성 220
__4.3.3 예제 실행 224
4.4 상품 정보 수정 225
__4.4.1 프런트엔드 코드 작성 225
__4.4.2 백엔드 코드 작성 246
__4.4.3 예제 실행 253
4.5 댓글 남기기 255
__4.5.1 댓글 정보 정의 256
__4.5.2 프런트엔드 코드 작성 257
__4.5.3 백엔드 코드 작성 271
__4.5.4 예제 실행 278
4.6 상품 검색 279
__4.6.1 프런트엔드 코드 작성 279
__4.6.2 백엔드 코드 작성 284
__4.6.3 예제 실행 287
4.7 예제를 마무리하며 288

CHAPTER 5 웹 서비스 시작하기
5.1 클라우드 컴퓨팅 293
5.2 웹 프로그램 실행 환경 구성 298
__5.2.1 프로젝트 파일 업로드 298
__5.2.2 파이썬 실행 환경 구성 303
__5.2.3 웹 서버와 WSGI 307
5.3 도메인 이름 연결 312
5.4 선택: 보안 연결 - HTTPS 315
5.5 웹 애플리케이션 관리 320
__5.5.1 웹 서비스 운영에 필요한 정보 관리 320
__5.5.2 웹 프로그램 실행 관리 322
5.6 더 살펴볼 만한 주제들 324

부록 A 깃과 깃허브
A.1 깃의 핵심 기능 329
A.2 깃허브 사용해보기 332
A.3 깃과 깃허브에 대해 더 알아보기 339

에필로그 341
찾아보기 345