그림으로 쉽게 이해하는 웹/HTTP/네트워크

풍부한 그림과 다양한 예시로 쉽고 재미있게 배우자!

임지영 지음

위키북스 2025년 11월 07일 출간 국내도서 : 2023년 04월 27일 출간

작품소개

책소개

'컴퓨터 네트워크'라 하면 당장 떠오르는 개념이 너무 많고, 공부를 시작하려 해도 어디서부터 시작해야 할지, 어떤 개념들이 중요한지 파악하기가 어렵습니다.

이 책은 컴퓨터 네트워크가 어떻게 유기적으로 구성되어 있으며 왜 그렇게 작동하는지 누구나 쉽게 이해할 수 있도록 설명합니다. 꼭 알면 좋은 핵심 개념들을 저자가 직접 그린 일러스트와 실생활 예시로 재미있게 배울 수 있도록 구성했습니다. 또한 배운 내용들을 한 번 더 기억하고 정리할 수 있는 [그림으로 한눈에 보기] 코너와 최근 이슈가 되고 있는 새로운 네트워크 개념들까지 수록했습니다.

‘네트워크에 대해 배워야 한다고 생각하는데 막상 시작하기 망설여질 때’, ‘기존의 이론 위주 수업으로는 어려움을 느낄 때’ 《그림으로 쉽게 이해하는 웹/HTTP/네트워크》로 쉽고 재미있게 웹과 네트워크 공부를 시작하세요!

★ 이 책에서 다루는 내용 ★
◎ 웹과 인터넷에 대한 기초 지식
◎ OSI 7계층으로 보는 데이터 송수신
◎ URL의 구조와 DNS 동작 방식
◎ IP 주소와 고갈 문제로 인한 대안
◎ TCP와 UDP로 보는 패킷 전송
◎ HTTP의 구조 및 변천사
◎ 안전한 데이터 전송을 위한 SSL, TLS, HTTPS
◎ 쿠키와 웹 스토리지로 보는 데이터 저장 방식
◎ 이더넷과 Wi-Fi의 구성 요소
◎ 라우터, 허브, 스위치의 데이터 전송 방식

목차

▣ 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계층 다시 보기

인물정보

저자(글) 임지영

깊게 이해하고 쉽게 설명하는 것이 목표인 개발자이다. 다양한 프로젝트 개발과 대외 활동으로 쌓은 경험, 개발자로 지내며 떠오른 생각들을 정리해 꾸준히 브런치에 투고하여 개발 입문자를 위한 정보를 제공하는 데 힘쓰고 있다. 현재는 크래프톤에서 웹 개발자로 근무하고 있다.