# Show GN: microGPT를 웹사이트로 시각화 해보았습니다.

> Clean Markdown view of GeekNews topic #27102. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=27102](https://news.hada.io/topic?id=27102)
- GeekNews Markdown: [https://news.hada.io/topic/27102.md](https://news.hada.io/topic/27102.md)
- Type: show
- Author: [woduq1414](https://news.hada.io/@woduq1414)
- Published: 2026-03-01T11:05:21+09:00
- Updated: 2026-03-01T11:05:21+09:00
- Original source: [ko-microgpt.vercel.app](https://ko-microgpt.vercel.app/ko)
- Points: 55
- Comments: 9

## Summary

**microGPT의 내부를 웹에서 시각화한 프로젝트**가 공개되었습니다. GPT의 핵심 구조를 단 200줄로 구현한 Karpathy의 microGPT를 기반으로, **토크나이징부터 어텐션·추론까지의 전체 파이프라인**을 단계별로 인터랙티브하게 보여줍니다. 각 연산 단계의 데이터 변화를 실시간으로 확인할 수 있어, 모델의 작동 원리를 학습용으로 탐구하기에 적합합니다.

## Topic Body

얼마 전, OpenAI를 공동 설립한 멤버 중 한 명인 Andrej Karpathy가 GPT의 구조를 약 200줄로 요약한 microgpt 프로젝트를 공개했습니다. 이를 기반으로, GPT의 전체 파이프라인을 인터랙티브 웹사이트로 시각화해봤습니다.  
  
토크나이징부터 임베딩, 어텐션, 추론까지 내부 흐름이 단계별로 보이도록 만들었고, 상태가 실시간으로 업데이트되어 각 단계에서 데이터가 어떻게 변하는지 따라가며 볼 수 있습니다.  
  
혹시 보시다가 개념적으로 실제와 다른 부분이 있거나, 시각화/설명 방식 피드백이 있다면 말씀해주시면 감사하겠습니다!  
  
  
데모: https://ko-microgpt.vercel.app/ko  
  
GitHub: https://github.com/woduq1414/ko-microgpt

## Comments



### Comment 52135

- Author: skageektp
- Created: 2026-03-01T17:45:39+09:00
- Points: 3

음모론이긴 한데, 학생분들이 올리시는 show gn은 유독 적은 댓글 혹은 단순한 댓글에다가 금방 높은 포인트를 받고 메인에 올라오는 느낌이에요.  
디자인은 진짜 엄청 이뻐서 마음에 드네요~

### Comment 52145

- Author: dogtree
- Created: 2026-03-02T00:49:09+09:00
- Points: 2
- Parent comment: 52135
- Depth: 1

저도 음모론 좋아해서 불난데 부채질하자면, 검거되어 flagged 처리되는 글이 있는 만큼, 어뷰징이 검거되지 않은채 무사히(?) 넘어간 글도 꽤 많을 것 같습니다. VPN을 꼼꼼히 쓰고, 업보트 시간 분산도 잘 해서요. 이 글이 그렇단 건 아니구요..

### Comment 52217

- Author: boolsee
- Created: 2026-03-03T09:44:25+09:00
- Points: 1

한글로 볼 수 있게 해 주셔서 대단히 고맙습니다.   
내용은 역시나 어렵긴 하네요.   
ㅎㅎㅎ

### Comment 52215

- Author: onestone
- Created: 2026-03-03T09:39:53+09:00
- Points: 1

오 멋진데요?

### Comment 52183

- Author: slowandsnow
- Created: 2026-03-02T18:38:18+09:00
- Points: 1

재밌네요

### Comment 52171

- Author: seind
- Created: 2026-03-02T14:04:31+09:00
- Points: 1

와 되게 잘 만드셨다..

### Comment 52126

- Author: laeyoung
- Created: 2026-03-01T13:53:46+09:00
- Points: 1

알록달록하니 예쁘네요! 디자인은 직접 하신 걸까요? 혹은 레퍼런스 하신게 있으실까요?

### Comment 52143

- Author: woduq1414
- Created: 2026-03-01T23:08:33+09:00
- Points: 2
- Parent comment: 52126
- Depth: 1

https://www.designprompts.dev/  
여기서 네오브루탈리즘 프롬프트를 받아 활용했습니다!

### Comment 52127

- Author: jangcnet
- Created: 2026-03-01T14:09:31+09:00
- Points: 1
- Parent comment: 52126
- Depth: 1

이런 디자인을 네오 브루탈리즘 이라고 하더라구요.