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

# 도구 및 라이브러리

<div id="official-resources">
  ## 공식 리소스
</div>

아래 도구들을 사용해 웹사이트용 X를 시작해 보세요.

<CardGroup cols={3}>
  <Card title="publish.x.com" icon="x-twitter" href="https://publish.x.com/">
    임베드용 Tweet, 타임라인 또는 버튼을 직접 만들어 보세요.
  </Card>

  <Card title="Twitter for WordPress" icon="x-twitter" href="https://github.com/twitter/wordpress">
    Tweet 임베드와 X 카드 등을 포함해, WordPress 사이트를 X에 최적화할 수 있는 공식 플러그인입니다.
  </Card>

  <Card title="twemoji" icon="x-twitter" href="https://twemoji.x.com/">
    크로스 플랫폼 지원을 제공하는 JavaScript 라이브러리를 포함한 X의 무료 오픈 소스 이모지 문자 세트입니다.
  </Card>
</CardGroup>

<div id="community-tools-and-libraries">
  ## 커뮤니티 도구 및 라이브러리
</div>

다음 도구들은 폭넓은 웹 개발자 커뮤니티에서 제공하고 유지·보수하는 것으로, 공식 리소스는 아닙니다. 이러한 기여를 해주신 커뮤니티 여러분께 감사드립니다!

<div id="gatsby">
  ### Gatsby
</div>

<CardGroup>
  <Card title="gatsby-remark-embedded" icon="code" href="https://github.com/MichaelDeBoey/gatsby-remark-embedder">
    작성자: [@MichaelDeBoey](https://github.com/MichaelDeBoey)
  </Card>
</CardGroup>

<div id="react">
  ### React
</div>

<CardGroup cols={3}>
  <Card title="react-tweet" icon="react" href="https://github.com/mannynotfound/react-tweet">
    제작: [@mannynotfound](https://github.com/mannynotfound)
  </Card>

  <Card title="react-tweet-embed" icon="react" href="https://github.com/capaj/react-tweet-embed">
    제작: [@capaj](https://github.com/capaj)
  </Card>

  <Card title="react-twitter-widgets" icon="react" href="https://github.com/andrewsuzuki/react-twitter-widgets">
    제작: [@andrewsuzuki](https://github.com/andrewsuzuki)
  </Card>

  <Card title="react-twitter-embed" icon="react" href="https://github.com/saurabhnemade/react-twitter-embed">
    제작: [@saurabhnemade](https://github.com/saurabhnemade)
  </Card>
</CardGroup>

<div id="web-components">
  ### 웹 컴포넌트
</div>

<CardGroup cols={3}>
  <Card title="twitter-status" icon="code" href="https://github.com/abraham/twitter-status">
    제작: [@abraham](https://x.com/abraham)
  </Card>

  <Card title="twitter-user" icon="code" href="https://github.com/abraham/twitter-user">
    제작: [@abraham](https://x.com/abraham)
  </Card>
</CardGroup>

<div id="wordpress">
  ### WordPress
</div>

<CardGroup cols={3}>
  <Card title="TwitterWP" icon="wordpress" href="https://github.com/jtsternberg/TwitterWP">
    제작: [@jsternberg](https://github.com/jtsternberg)
  </Card>
</CardGroup>