▣ 1장: 웹 우리가 몰랐던 월드 와이드 웹 __월드 와이드 웹이란? __정보를 잇는 연결 고리 하이퍼텍스트 __햄버거로 알아보는 웹의 구성 요소 인터넷과 웹은 다를까? __인터넷 = 웹? 웹 애플리케이션 아키텍처 __웹 클라이언트, 그리고 웹 서버 __보조 요리사 WAS __거대한 냉장고, 데이터베이스 브라우저 삼대장: HTML, CSS, 자바스크립트 __튼튼한 뼈대, HTML __CSS로 더 화려하게 __뭐든 할 수 있는 자바스크립트 웹 1.0부터 웹 3.0까지, 가볍게 읽는 웹 변천사 __웹의 탄생과 1.0 __읽고 쓰는 웹 2.0 __온전히 내 것으로, 웹 3.0 그림으로 한눈에 보는 웹 ▣ 2장: 미리 알아두면 좋은 네트워크 개념 어디까지가 네트워크일까? __네트워크란? LAN, WAN, 그리고 인터넷 __도란도란 LAN __WAN으로 지구 반대편까지 OSI 7계층이 그렇게 중요한가요? __OSI 7계층이 생긴 이유 __OSI 7계층이 생기면서 달라진 점 OSI 7계층과 TCP/IP 4계층 __프로토콜의 집합, TCP/IP 4계층 데이터는 어떻게 이동할까? __OSI 모델로 보는 데이터 전송 __계층끼리 데이터를 주고받는 방식: 캡슐화와 역캡슐화 그림으로 한눈에 보는 네트워크와 OSI ▣ 3장: URL 웹의 주소, URL __URL이란? __URL의 구조 URL과 URI는 같은 건가요? __URL = URI? URL을 IP로 변환하는 DNS __도메인과 IP 주소 __도메인의 구조 __어디로 모실까요? DNS __DNS에서 원하는 IP 주소 찾기 __그림으로 한눈에 보는 URL ▣ 4장: IP 신속 배달 IP __데이터를 작게 자른 패킷 __IP의 특징 IP 주소로 전 세계와 통신하기 __내 IP 주소는? __IPv4 주소의 구조 __네트워크 주소와 호스트 주소 많이, 중간, 적게, 클래스 __미니 돈가스는 4개만? __필요에 맞게, 클래스 __클래스의 한계 IP 고갈 문제의 대두 __IPv4가 부족한 이유 CIDR와 서브넷 마스크 __클래스가 필요 없는 CIDR __서브넷 마스크로 네트워크 주소 찾기 __CIDR 표기법으로 더 편하게 그때그때 할당하는 DHCP __고정 IP와 유동 IP __DHCP는 어떻게 IP 주소를 할당할까? 사설 IP와 NAT __공인 IP와 사설 IP __NAT으로 인터넷 통신하기 IPv6는 IPv4와 무엇이 다를까? __차세대 IP, IPv6 그림으로 한눈에 보는 IP ▣ 5장: TCP 신뢰하는 TCP __전송 제어 프로토콜, TCP __지금 내 상태는? 헤더와 플래그 핸드셰이크로 확실하게 __시작은 3방향 핸드셰이크 __마무리는 4방향 핸드셰이크 사이좋게 데이터 주고받는 법, 흐름 제어 __흐름 제어란? __제어의 정석, 정지-대기 방식 __한 번에 보내는 슬라이딩 윈도 혼잡 제어로 네트워크 나눠 쓰기 __혼잡 제어란? __혼잡 제어의 원리 __합 증가/곱 감소, 느린 시작 더 빠르게 UDP __TCP와 UDP의 차이는? 그림으로 한눈에 보는 TCP ▣ 6장: HTTP 웹의 짝꿍 HTTP __HTTP란? __HTTP의 메시지 구조 GET vs. POST, PUT vs. PATCH __요청 메서드의 종류 __안전한 메서드, 멱등성을 가진 메서드 헤더가 왜 중요할까? __HTTP 헤더의 특징 __크롬 브라우저에서 직접 헤더 확인하기 __HTTP 헤더의 종류 상태 코드로 통신 상태 한눈에 파악하기 __상태 코드란? __5가지 클래스로 알아보는 상태 코드 보안을 책임지는 요소들: SSL, TLS, HTTPS __HTTP의 한계, 보안 __보안을 책임지는 HTTPS __SSL과 TLS는 무엇이 다를까? __대칭키, 공개키로 안전하게 암호화하기 __SSL 동작 과정 간략히 보는 HTTP 변천사 __태초에 HTTP가 있었으니 __HTTP의 진정한 시작, 1.0 __진짜 표준 HTTP/1.1 __더 빠르게 HTTP/2 __따끈한 새 버전, HTTP/3 그림으로 한눈에 보는 HTTP ▣ 7장: HTTP 특징과 데이터 저장 방식 HTTP는 상태가 필요해 브라우저 안의 작은 조각, 쿠키 __브라우저에 데이터를 저장하는 이유 __숨겨진 작은 조각, 쿠키 __쿠키의 단점 쿠키를 넘어서, 웹 스토리지와 IndexedDB __더 많이 더 빠르게, 웹 스토리지 __브라우저 안의 데이터베이스, IndexedDB 세션으로 안전하게 저장하기 __서버에 데이터를 저장하는 세션 그림으로 한눈에 보는 상태 저장 방식 ▣ 8장: 네트워크 접속 장치 더 멀리, 라우터 __네트워크의 중계자, 라우터 __라우팅 테이블로 최적의 경로 찾기 이더넷이란? __인터넷 말고 이더넷 __이더넷의 규격과 구성 요소 랜 카드는 통역사 __네트워크 인터페이스 카드란? __진짜 고유 번호, MAC 주소 허브와 스위치로 데이터 전송하기 __라우터와 허브와 스위치 __모두에게 공평한 허브 __한 번에 한 곳만, 스위치 얼마나 빨리 갈까? 케이블 __네트워킹 케이블의 종류 __이더넷 규격 다시 보기 무선의 시대, Wi-Fi __2G와 5G는 무슨 차이가 있을까? __와이파이의 보안 데이터가 충돌하지 않는 이유 __이더넷의 CSMA/CD __무선랜의 CSMA/CA 그림으로 한눈에 보는 네트워크 접속 장치 ▣ 9장: OSI 7계층 다시OSI 7계층 다시 보기