← 갤러리로 돌아가기

🎲 Top-k / Top-p란?

AI가 다음 단어를 고를 때, 후보를 몇 개까지 열어둘지 정하는 두 가지 방법
💡 모드를 Top-k / Top-p 중 골라 슬라이더를 움직여 보세요. 값에 따라 "다음 단어 후보 풀"이 어떻게 좁혀지고 넓어지는지 색으로 확인할 수 있어요.

🧪 직접 해보기: 다음 단어 후보 풀 만들기

오늘 날씨가 정말 ___
Top-k 모드
Top-p 모드

💬 한 줄 정리

AI는 다음 단어를 하나 고를 때, 사실 수많은 후보 단어에 각각 확률을 매겨서 순위를 매겨요. Top-k는 "확률 순위가 가장 높은 K개까지만 후보로 남기고 나머지는 버린다"는 규칙이고, Top-p(누클리어스 샘플링)는 "누적 확률이 P를 넘을 때까지 순위 높은 단어를 차례로 담는다"는 규칙이에요. k나 p 값을 작게 하면 후보가 줄어들어 AI가 더 예측 가능하고 안전한 단어를 고르고, 값을 크게 하면 후보가 늘어나 더 다양하고 창의적인(때로는 엉뚱한) 단어가 나올 수 있어요. 실제 서비스에서는 이 두 값을 조절해 AI의 "선택 폭", 즉 창의성과 일관성의 균형을 맞춰요.

🧾 이 페이지, 이런 프롬프트로 만들었어요

아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.

"Top-k / Top-p 샘플링" 개념을 설명하는 한국어 인터랙티브 데모 HTML 페이지를 만들어줘.
- "오늘 날씨가 정말 ___" 문장에 대한 다음 단어 후보 8개와 각각의 확률(%)을 고정 데이터로 준비해줘 (예: 좋다 32%, 맑다 21%, 덥다 15% 등, 합이 100%)
- Top-k 모드와 Top-p 모드를 탭으로 전환할 수 있게 해줘
- Top-k 모드에서는 슬라이더(1~8)로 k값을 조절하면 확률 상위 k개 단어만 색이 켜지고 나머지는 흐리게 표시해줘
- Top-p 모드에서는 슬라이더(0.3~1.0)로 p값을 조절하면 누적 확률이 p를 넘기 전까지의 단어들만 색이 켜지게 해줘
- 각 단어는 막대그래프 형태로 확률을 시각적으로 보여줘
- 하단에 "현재 후보 단어 풀: 좋다, 맑다, 덥다" 같은 문장이 실시간으로 업데이트되게 해줘
- 마지막에 Top-k와 Top-p 개념을 4~6문장으로 쉽게 비교 설명하는 섹션을 추가해줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어로 출력해줘
이 페이지는 AI(Claude)가 만든 예시 자료입니다 — 강의 데모용