데모 모아보기

네트워크 미니랩 첫 번째. 메시지에 포트·IP·MAC 주소가 붙고 다시 열리는 과정을 다섯 장면으로 살펴봅니다.

네트워크 미니랩 두 번째. 라우팅 테이블과 TTL, 회선 장애 시 우회를 따라 패킷이 목적지까지 가는 과정을 살펴봅니다.

네트워크 미니랩 세 번째. TCP 3-way handshake를 네 장면과 쉬운 대화로 이해합니다.

네트워크 미니랩 네 번째. 데이터 조각이나 ACK이 사라졌을 때 TCP가 기다리고 다시 보내는 복구 과정을 살펴봅니다.

네트워크 미니랩 다섯 번째. 비밀을 직접 보내지 않고 같은 열쇠 재료를 계산하는 TLS 1.3 흐름을 살펴봅니다.

소켓이 무엇인지부터 시작합니다. 서버가 포트에서 기다리고 클라이언트가 IP와 포트로 연결해 바이트를 주고받는 한 번의 TCP 대화를 따라갑니다.

아웃바운드는 데이터를 한쪽으로만 보낸다는 뜻이 아닙니다. 안쪽 프로그램이 연결을 시작하고, 성립한 소켓은 양방향으로 쓰는 원리를 배웁니다.

소켓 API는 같아도 이벤트 루프, goroutine, Tokio task가 기다림과 계산을 처리하는 방식은 다릅니다. Node.js까지 더해 속도·메모리·동시성 안전을 비교합니다.

ACK가 사라진 요청을 안전하게 재전송하고, 메시지 ID와 중복 제거로 실제 작업은 한 번만 실행되게 만드는 방법을 배웁니다.

파일을 청크로 나누고, 느린 수신자 앞에서 backpressure로 멈추며, 끊긴 지점부터 이어받고 체크섬으로 검증하는 흐름을 배웁니다.

실시간 이벤트를 놓친 화면이 서버 버전을 비교하고 최신 스냅숏을 받아 다시 같은 상태로 돌아오는 방법을 배웁니다.

서버 A와 B에 나뉘어 연결된 사용자를 브로커로 fan-out하고, 저장된 이벤트와 offset으로 누락까지 복구하는 구조를 배웁니다.

순서를 보장하지 않는 WebRTC 위치 채널에서 늦게 도착한 과거 좌표를 폐기하고, 최신 위치 사이를 보간하는 방법을 배웁니다.

NAS 미니랩 첫 번째. RAID 패리티의 원리. 블록을 나눠 쓰고 XOR 패리티를 함께 적으면, 디스크 하나가 죽어도 남은 블록들의 XOR로 파일이 그대로 복구되는 과정을 눌러봅니다.

NAS 미니랩 두 번째. 더블클릭 한 번 뒤에 PC와 NAS가 주고받는 연결·로그인·권한 확인·조각 읽기 대화를 단계별로 눌러봅니다. 로그인이 되어도 권한이 없으면 왜 거부되는지까지.

NAS 미니랩 세 번째. 실수 삭제·랜섬웨어·화재라는 같은 재해 3종을 'NAS만 믿기'와 '3-2-1 지키기' 두 구성에 똑같이 때려서, 사본 배치에 따라 생존이 갈리는 걸 단계별로 눌러봅니다.

NAS 미니랩 네 번째(완결). 카페 노트북에서 집 NAS까지 가는 요청이 사설 IP와 NAT에 막히는 지점을 눈으로 보고, 포트포워딩으로 길을 내고 DDNS로 이름을 붙여 뚫어 봅니다.

양자 미니랩 첫 번째(입문). 일반 비트를 뒤집는 NOT과, 큐비트를 뒤집는 X 게이트가 |0>·|1>에서는 같은 일을 한다는 걸 두 줄로 나란히 눌러봅니다. 이상적 1큐비트 시뮬레이션.

양자 미니랩 두 번째(입문). H 게이트를 건 큐비트를 1·10·100·1,000회 측정하며, 한 번의 결과(0 또는 1)와 반복이 만드는 50:50 분포가 어떻게 다른지 눌러봅니다. 이상적 1큐비트 시뮬레이션.

양자 미니랩 세 번째(한 단계 더). H를 건 큐비트(|+>)와 H→Z를 건 큐비트(|−>)는 측정 확률이 똑같이 50:50이지만, 2D 나침반으로 보면 서로 반대 방향을 가리킵니다. 확률만으로 상태를 다 알 수 없다는 이야기.

양자 미니랩 마지막(한 단계 더). |0>─H─H는 항상 0, 중간에 Z를 하나 넣은 |0>─H─Z─H는 항상 1이 됩니다. 3편에서 측정에 안 보이던 위상 차이가 두 번째 H를 만나 간섭으로 결과를 뒤집는 걸 눌러봅니다.

기온이 같은 33℃여도 습도, 바람, 햇빛에 따라 왜 다르게 느껴지는지 세 가지 비교로 쉽게 알아봅니다.

비 100㎜가 1㎡, 10㎡, 84㎡에 내렸을 때 물이 몇 리터가 되는지 쉽게 알아봅니다.

세계 평균 해수면의 실제 관측과 IPCC 미래 시나리오, 수위 상승과 함께 커지는 해안 위험을 한 화면에 연결했습니다.

기상청 태풍 자료의 관측 경로·예상 중심선·강풍반경을 한반도 중심 도트 지도에서 구분하고, 발표 시각과 예보 한계를 읽는 방법을 설명합니다.

USGS 지진 피드를 지도에서 기간·규모·쓰나미 표시로 살펴보고, 규모와 진도의 차이·로그 척도·자료 수정 가능성과 비공식 시각화의 한계를 설명합니다.

같은 요청 경로 하나를 넣어도 세 웹서버는 서로 다른 설정 블록을 고릅니다. 각 서버 공식 문서에 적힌 규칙을 따라가며 탈락 과정까지 눌러봅니다.

도메인 조회·캐시·TTL을 눌러보며, 재귀 리졸버의 캐시와 여러 DNS 서버를 거쳐 IP를 찾는 과정을 단계별로 봅니다. 단순화한 시뮬레이션이며 실제 조회나 지연이 아닙니다.

서버 오류 코드는 무엇이 고장났는지가 아니라 어디까지 갔다가 실패했는지를 알려줍니다. 502에서 앱 로그를 뒤지면 아무것도 못 찾는 이유와, 확인할 곳을 절반으로 줄이는 명령 한 줄.

VRAM은 거의 꽉 찼는데 GPU-Util은 0%. 고장이 아니라 서빙 엔진이 KV 풀을 미리 예약해 둔 상태입니다. 모델 적재·추론·사전 예약을 눌러보며 메모리 점유와 연산 사용률이 별개임을 확인합니다. 단순화한 시뮬레이션이며 실제 GPU 측정값이 아닙니다.

잠금이 없으면 좌석이 2번 팔립니다. 트랜잭션·비관적/낙관적 잠금이 어떻게 한 명만 성공시키는지 한 단계씩 살펴봅니다.

같은 데이터를 두 번 불러보고 가격 변경과 동시 요청까지 비교하며 Redis 캐시, TTL, 무효화와 요청 몰림을 익힙니다.

손전등처럼 앞을 비추는 도구가 아니라, 화면 전체를 한 색이나 천천히 이어지는 색으로 채우는 작은 무드 패널입니다. 여섯 분위기와 RGB 색 조절을 전체화면으로.

브라우저의 같은 현재 시각을 아날로그 전압계, 물의 흐름, 도트 공방으로 다르게 표현했습니다. 시각을 각도와 높이로 바꾸는 방법과 실제 물시계가 아닌 시각적 은유라는 한계를 설명합니다.

사진을 서버에 올리지 않고 브라우저에서 축소·팔레트 추출·OKLab 색상 비교·디더링을 거쳐 픽셀 아트 PNG로 만드는 과정과 한계를 설명합니다.

WebRTC·WebSocket·STUN으로 서너 명이 링크로 참여하는 작은 화상회의를 만들고, P2P 구조의 인원·네트워크 한계와 개인정보 범위를 설명합니다.

에어컨 요금은 평소 쓰던 양 위에 얹힙니다. 5·6월 요금만 알면 벽걸이부터 천장형까지 이번 달에 얼마가 더 나올지 계산해 봅니다.

전력거래소의 현재 수요·공급예비력과 기상청 확정 관측을 연결해 읽고, 더위로 늘어난 전기는 관측값이 아닌 비교 추정치로 구분하는 방법을 설명합니다.

지수는 100 → 110 → 100으로 제자리에 돌아왔는데 레버리지 2배는 -1.82%, 인버스 2배는 -5.45%였습니다. 하락 먼저 경로까지 함께 계산해 이 손실이 어디서 생겼는지 금액으로 풀어봅니다.

SOXL의 3배가 매일 어떻게 적용되는지 가장 간단한 숫자로 설명합니다.