> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xkat.space/llms.txt
> Use this file to discover all available pages before exploring further.

# 핵심 개념

> 지식 그래프, 다이나믹 워크스페이스, AI 튜터, 스튜디오 한눈에 보기.

xkat 경험은 네 가지 아이디어로 이루어집니다. 이것만 이해하면 문서의 나머지가 모두
자연스럽게 연결됩니다.

## 지식 그래프

xkat은 학습을 평면적인 영상 목록으로 구성하지 않습니다. 모든 스킬은 그래프 속
**노드**이며, 의존하는 스킬과 `REQUIRES` 관계로 연결됩니다. 이 그래프를 3D 스킬
트리로 탐험하고, 여러분의 로드맵은 그 사이를 지나가는 경로입니다.

<Card title="자세히 보기" icon="diagram-project" href="/ko/learn/knowledge-graph">
  3D 지식 그래프 탐험하기
</Card>

## 다이나믹 워크스페이스

강의 화면은 영상 플레이어가 아니라, 강의에 맞춰 변형되는 **지능형 브라우저 IDE**입니다:

* **백엔드 / CLI 강의** → 실제 원격 컴파일로 동작하는 에디터 + 터미널.
* **프론트엔드 강의** → 즉시 렌더링되는 에디터 + 라이브 웹 프리뷰.
* 작업물을 개인 **GitHub** 저장소에 동기화할 수 있습니다.

<Card title="자세히 보기" icon="window" href="/ko/learn/workspace/overview">
  다이나믹 워크스페이스 개요
</Card>

## AI 튜터

맥락을 이해하는 어시스턴트가 코드 옆에 함께합니다. 에러가 나거나 막혔을 때, 강의
맥락과 터미널 출력을 읽고 실시간으로 힌트와 수정을 줍니다.

<Card title="자세히 보기" icon="robot" href="/ko/learn/ai-tutor">
  AI 튜터 활용하기
</Card>

## 스튜디오

누구나 **코딩 스튜디오**를 무료로 열어 코스를 설계하고 지식 그래프를 그릴 수
있습니다. AI 도구가 강의 콘텐츠를 생성하고, 검증 **하네스**가 코드를 점검하며, Pro
크리에이터는 발행하고 수익을 낼 수 있습니다.

<Card title="자세히 보기" icon="pen-ruler" href="/ko/studio/overview">
  스튜디오 개요
</Card>

## 어떻게 맞물리는가

<Steps>
  <Step title="크리에이터가 설계">
    스튜디오에서 크리에이터가 노드와 선행 관계를 배치하면, AI가 강의 콘텐츠를 영어로
    생성한 뒤 번역합니다.
  </Step>

  <Step title="그래프가 정리">
    발행된 강의는 연결된 노드로서 지식 그래프에 동기화됩니다.
  </Step>

  <Step title="학습자가 실습">
    학습자는 그래프를 따라 로드맵을 진행하며, 각 노드를 AI 튜터와 함께 다이나믹
    워크스페이스에서 실습합니다.
  </Step>
</Steps>