본문으로 건너뛰기
아카데미
초급 코드 지구

웹의 작동 원리

브라우저, 서버, HTTP, DNS, API를 쉽게 풀어 드려요.

Every time you open a page, scroll your feed or send a message, dozens of machines work together in a fraction of a second. This track shows you how: clients and servers, IP addresses and ports, DNS, URLs and HTTP, how browsers build pages from HTML, CSS and JavaScript, APIs and JSON, HTTPS, cookies and tokens, caching and CDNs, speed on slow networks, and the security rules that keep everyone safe.

You finish by following one tap in a small social app called Nova from your phone to the database and back. Nothing to install: just curiosity and a browser.

레슨
19
시간
2시간
난이도
초급

이 코스의 레슨은 당분간 영어로 제공돼요.

  • 브론즈 도전 가능
  • 실버 도전 가능
  • 골드 잠김

실력을 증명할 준비됐나요?

브론즈, 실버, 골드 세 가지 시험이 기다리고 있어요.

시험 보러 가기

이 코스를 마치면 할 수 있는 것

  • Explain, step by step, what happens between typing an address and seeing the page
  • Read and write HTTP requests and responses, and call an API with curl and fetch
  • Debug a page with your browser's developer tools
  • Understand HTTPS, cookies, sessions and tokens well enough to keep users safe
  • Make pages faster on slow networks with caching, CDNs and smaller downloads
  • Describe how a typical web platform is built, from browser to database

여정

  1. 1
    챕터 1

    Clients, servers and addresses

    Who asks and who answers, how machines find each other with IP addresses and ports, and how DNS turns names into addresses.

    0 / 4
  2. 2
    챕터 2

    Speaking HTTP

    URLs, requests, methods, status codes and headers: the language browsers and servers share.

    0 / 4
  3. 3
    챕터 3

    Browsers and APIs

    How a browser turns HTML, CSS and JavaScript into a page, and how pages fetch JSON from APIs.

    0 / 3
  4. 4
    챕터 4

    Security and signing in

    HTTPS and certificates, cookies, sessions and tokens, the same-origin policy, CORS and why the server never trusts the client.

    0 / 4
  5. 5
    챕터 5

    Speed and the big picture

    Caching and CDNs, speed on slow networks, and how a whole web app fits together.

    0 / 4

빠른 탐색