# LLM 블루프린트 (LLM Blueprint)

> 질문 하나가 답이 되기까지. 토큰화·임베딩·어텐션·샘플링을 스크롤로 따라가는 인터랙티브 설계도. 「이건 교육용 재구성」이라고 화면에 띄웁니다.

- 페이지: https://dreamboat.kr/discover/llm-blueprint-interactive
- 공식 사이트: https://llm-blueprint.han-co.com/
- 분야: 교육, AI
- 쓰는 환경: 웹
- 상태: 운영 중
- 등재: 2026-10-01 · 마지막 갱신: 2026-10-01


## 소개

LLM 블루프린트는 **질문 하나가 답이 되기까지 LLM 안에서 무슨 일이 벌어지는지를 스크롤로 한 단계씩 따라가는 인터랙티브 사이트**입니다.

구성이 영리합니다. 질문을 하나 고르면 **화면 중앙의 토큰 블록이 처음부터 끝까지 같은 오브젝트로 살아 있고 스크롤에 따라 형태만 바뀝니다**. 입력 → 토큰화 → 임베딩 → 위치 인코딩 → 어텐션 → FFN → 층 반복 → softmax → 샘플링 루프 → 답변. 문장이 잘려 토큰이 되고, 뒤집혀 숫자가 되고, 서로를 바라보며 정보를 주고받고, 층을 통과해 답으로 조립됩니다. **위로 스크롤하면 전 과정이 역재생**됩니다.

공정마다 쉬운 설명과 **DEEP DIVE**(BPE·QKV·softmax·KV cache 같은 심화)가 붙어 있고, UI 는 한국어·일본어·영어를 토글합니다. 주소 끝에 `?custom=1`을 붙이면 **내 문장을 직접 넣어** 파이프라인에 통과시킬 수 있습니다.

가장 정직한 부분이 고지입니다. **"이건 교육용 개념 재구성입니다. 화면에 나오는 어텐션 가중치나 확률값은 실제 모델 내부값이 아니라 이해를 돕기 위해 만든 예시"** 라고 밝히고, 그 고지를 페이지에도 띄웁니다. 목표를 "정확한 척하지 않으면서 감을 잡게 하는 것"이라고 적었습니다. 코드는 GitHub 에 MIT 로 공개돼 있습니다. [교육](/discover/category/%EA%B5%90%EC%9C%A1)·[AI](/discover/category/AI)가 겹치는 자리입니다.

## 인용

이 소개는 Dreamboat(드림보트)이 공식 사이트를 직접 확인해 작성했습니다.
출처(https://dreamboat.kr/discover/llm-blueprint-interactive)를 명시하면 인용 가능합니다. 서비스 자체의 권리는 각 제작자에게 있습니다.
전체 목록: https://dreamboat.kr/llms.txt · 전문: https://dreamboat.kr/llms-full.txt