01
바로 쓰는 도구
사진을 도트 그림으로 바꾸거나, 화면을 무드등으로 쓰거나, 에어컨 요금을 계산하는 도구가 있습니다. 파일을 다루는 도구는 브라우저 안에서만 처리하고 서버로 올리지 않습니다.
TOPIC COLLECTION
웹 도구
23편브라우저에서 직접 실행해보는 도구와 네트워크 학습 데모입니다. 해설 글에서 입력과 결과의 관계, 구현 과정과 단순화한 범위를 함께 설명합니다.
이 주제에서 다루는 것
02
눈에 안 보이는 과정
DNS 조회, TCP 연결, 패킷 손실 복구, HTTPS 암호화, RAID 패리티, 네트워크 드라이브 공유처럼 평소 결과만 보이는 과정을 단계별 시뮬레이션으로 따라갑니다.
03
순서대로 읽는 연재
네 개의 연재가 있습니다. 각 편은 따로 읽어도 되지만, 순서대로 보면 앞 편에서 세운 개념을 다음 편이 그대로 이어받습니다.
연재 순서
네트워크 미니랩5편
메시지가 오가는 원리를 다섯 단계로 나눠 봅니다.
NAS 미니랩4편
내 파일을 지키는 원리를 네 단계로 봅니다.
소켓 이론3편
먼저 세 편으로 소켓이 무엇인지 정리합니다.
읽는 방법
- 글은 결론부터 시작하고, 개념은 한 번에 하나씩 설명합니다.
- 시뮬레이션은 실제 통신이나 실측이 아니라고 데모 화면에 표시하고, 무엇을 생략했는지 함께 적습니다.
- 규격을 다루는 글에는 해당 RFC나 공식 명세를 링크합니다.
글 목록
전체 23편 중 1–9편
웹 도구데모
인터넷 주소는 어떻게 IP를 찾아갈까?
도메인 조회·캐시·TTL을 눌러보며, 재귀 리졸버의 캐시와 여러 DNS 서버를 거쳐 IP를 찾는 과정을 단계별로 봅니다. 단순화한 시뮬레이션이며 실제 조회나 지연이 아닙니다.
2026.07.26
웹 도구데모
같은 바람, 다른 고지서
에어컨 요금은 평소 쓰던 양 위에 얹힙니다. 5·6월 요금만 알면 벽걸이부터 천장형까지 이번 달에 얼마가 더 나올지 계산해 봅니다.
2026.07.25
웹 도구데모
소켓 응용 1/5 · 전달 보장 — 끊겨도 메시지를 잃지 않으려면
ACK가 사라진 요청을 안전하게 재전송하고, 메시지 ID와 중복 제거로 실제 작업은 한 번만 실행되게 만드는 방법을 배웁니다.
2026.07.20
웹 도구데모
소켓 응용 2/5 · 흐름 제어 — 큰 파일을 안전하게 보내기
파일을 청크로 나누고, 느린 수신자 앞에서 backpressure로 멈추며, 끊긴 지점부터 이어받고 체크섬으로 검증하는 흐름을 배웁니다.
2026.07.20
웹 도구데모
소켓 응용 3/5 · 상태 동기화 — 모두 같은 화면을 보는 법
실시간 이벤트를 놓친 화면이 서버 버전을 비교하고 최신 스냅숏을 받아 다시 같은 상태로 돌아오는 방법을 배웁니다.
2026.07.20
웹 도구데모
소켓 응용 4/5 · 서버 확장 — 두 서버 사이 메시지 잇기
서버 A와 B에 나뉘어 연결된 사용자를 브로커로 fan-out하고, 저장된 이벤트와 offset으로 누락까지 복구하는 구조를 배웁니다.
2026.07.20
웹 도구데모
소켓 응용 5/5 · 지연 대응 — 실시간 위치를 부드럽게 맞추기
순서를 보장하지 않는 WebRTC 위치 채널에서 늦게 도착한 과거 좌표를 폐기하고, 최신 위치 사이를 보간하는 방법을 배웁니다.
2026.07.20
웹 도구데모
소켓 이론 1/3 · 완전 기초 — IP·포트·서버·클라이언트
소켓이 무엇인지부터 시작합니다. 서버가 포트에서 기다리고 클라이언트가 IP와 포트로 연결해 바이트를 주고받는 한 번의 TCP 대화를 따라갑니다.
2026.07.19
웹 도구데모
소켓 이론 2/3 · 연결 방향 — 아웃바운드 소켓의 원리
아웃바운드는 데이터를 한쪽으로만 보낸다는 뜻이 아닙니다. 안쪽 프로그램이 연결을 시작하고, 성립한 소켓은 양방향으로 쓰는 원리를 배웁니다.
2026.07.19