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

# 개발자

> 앱을 개발하거나, API를 사용하거나, 자체 호스팅하거나, 코드베이스에 기여하세요.

export const CardTitle = ({children}) => {
  return <div className="text-base font-semibold text-gray-900 dark:text-gray-100">
      {children}
    </div>;
};

<CardGroup cols={3}>
  <Card href="/l/ko/developers/extend/apps/getting-started" img="https://mintcdn.com/twenty/zz3tLxIdf6G4nr1Z/images/user-guide/halftone/dev-apps.png?fit=max&auto=format&n=zz3tLxIdf6G4nr1Z&q=85&s=0cbb3112417045a4259ad0a3443455d9" width="2880" height="1360" data-path="images/user-guide/halftone/dev-apps.png">
    <CardTitle>앱</CardTitle>
    커스텀 오브젝트, 서버 측 로직, UI 컴포넌트, AI 에이전트로 Twenty를 확장하세요 — 모두 TypeScript 패키지 형태입니다.
  </Card>

  <Card href="/l/ko/developers/extend/api" img="https://mintcdn.com/twenty/zz3tLxIdf6G4nr1Z/images/user-guide/halftone/dev-api.png?fit=max&auto=format&n=zz3tLxIdf6G4nr1Z&q=85&s=2d16b6101a58ba6af45a44d9e89335fb" width="1440" height="680" data-path="images/user-guide/halftone/dev-api.png">
    <CardTitle>API</CardTitle>
    REST 및 GraphQL API, 웹훅, 그리고 OAuth.
  </Card>

  <Card href="/l/ko/developers/self-host/capabilities/docker-compose" img="https://mintcdn.com/twenty/zz3tLxIdf6G4nr1Z/images/user-guide/halftone/dev-self-host.png?fit=max&auto=format&n=zz3tLxIdf6G4nr1Z&q=85&s=51da481429b1f204cd5b6da118636c29" width="1194" height="562" data-path="images/user-guide/halftone/dev-self-host.png">
    <CardTitle>자체 호스팅</CardTitle>
    자체 인프라에서 Twenty를 실행하세요.
  </Card>

  <Card href="/l/ko/developers/contribute/capabilities/local-setup" img="https://mintcdn.com/twenty/zz3tLxIdf6G4nr1Z/images/user-guide/halftone/dev-contribute.png?fit=max&auto=format&n=zz3tLxIdf6G4nr1Z&q=85&s=335c66b6bb3cb71d75954f42c32dd59b" width="2880" height="1360" data-path="images/user-guide/halftone/dev-contribute.png">
    <CardTitle>기여</CardTitle>
    로컬에서 모노레포를 설정하고 PR을 제출하세요.
  </Card>
</CardGroup>