BUILD · TEST · EXPLAIN

궁금한 것을 만들고,움직여 본 만큼 씁니다.

복잡한 원리를 작은 웹앱으로 바꾸고 직접 눌러 봅니다. 계산식과 데이터 출처, 잘 맞지 않는 조건까지 한 화면에서 확인할 수 있게 기록합니다.

발행한 글
41
직접 만든 데모
40
주제 묶음
10
고른다, 합친다, 정렬한다: nginx·Apache·Caddy 의 요청 매칭 데모 화면
NEW NOTE
운영에서 만난 문제데모

고른다, 합친다, 정렬한다: nginx·Apache·Caddy 의 요청 매칭

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

5분 · 읽으러 가기

BROWSE BY QUESTION

질문을 하나 고르면 길이 보입니다

연재는 1편부터, 모음은 필요한 글부터 읽으면 됩니다. 분류 이름보다 각 묶음이 실제로 답하는 질문을 먼저 적었습니다.

모든 묶음의 설명과 읽는 순서 보기

TRY IT YOURSELF

읽기 전에, 먼저 움직여 보세요

데모는 완성된 운영 시스템이 아니라 원리를 분리해 보는 작은 실험입니다. 사용한 가정과 한계는 결과 가까이에 함께 적었습니다.

인터랙티브 데모 40개 전부 보기

RECENT NOTES

최근에 정리한 기록

새로 만든 것, 막혔던 지점, 숫자로 확인한 결과를 날짜순으로 모았습니다.

레버리지 ETF데모

아무 일도 없었던 이틀의 손익계산서

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

2026.07.3112
운영에서 만난 문제데모

주소창에 친 이름이 IP가 되기까지, DNS 조회 4단계

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

2026.07.266
운영에서 만난 문제데모

서버가 보내온 구조 신호, 502·504·500

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

2026.07.255
전력과 요금데모

같은 바람, 다른 고지서

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

2026.07.256
운영에서 만난 문제데모

예약은 만석, 손님은 없음: nvidia-smi 0%의 정체

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

2026.07.246
운영에서 만난 문제데모

마지막 좌석을 동시에 누르면 둘 다 예약됩니다

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

2026.07.246
검색과 필터로 전체 글 41편 찾기

CHANGELOG

사이트도 계속 고치는 중입니다

글 밖에서 바꾼 것과, 해봤지만 접은 선택도 짧게 남깁니다.

  • 목록 카드의 그림을 데모 스크린샷에서 글마다 다른 픽셀 그림으로 바꿨습니다.접은 것 처음엔 스크린샷을 그대로 두고 잘리는 방향만 고쳤습니다. 그런데 카드에서 그림이 실제로 보이는 크기를 재 보니 모바일에서 112픽셀 정사각이었습니다. 1280픽셀짜리 화면을 11배 줄이면 아무것도 안 남습니다.
  • 홈의 주제 목록을 분류명에서 그 묶음이 답하는 질문으로 바꿨습니다.
  • 글을 주제로 묶고 메뉴를 '주제' 하나로 접었습니다. 카테고리 네 개를 헤더에 늘어놓던 걸로는 원하는 주제를 찾기 어려웠습니다.접은 것 묶음의 순서 정보가 네 군데에 나뉘어 있어서 계속 어긋났습니다. 글 앞머리 한 곳만 남기고 나머지는 거기서 만들어 쓰도록 지웠습니다.
  • 전체 글 목록과 검색을 새로 만들었습니다. 검색은 브라우저 안에서만 돌아갑니다.