# React Native Youtube Bridge

## 가이드

- [1.x 개요](/1.x/ko/guide/getting-started/overview.md): 1.x는 YoutubePlayer 컴포넌트, callback props, imperative ref를 중심으로 한 레거시 API입니다. react-native-youtube-bridge는 YouTube IFrame Player API를 React Native 앱에서 쉽게 사용할 수 있게 감싼 라이브러리입니다.
- [설치](/1.x/ko/guide/getting-started/installation.md): 1.x 패키지를 설치합니다.
- [빠른 시작](/1.x/ko/guide/getting-started/quick-start.md)
- [AI](/1.x/ko/guide/getting-started/ai.md): AI가 이 라이브러리의 1.x 동작, 문서, 프로젝트 규칙을 더 잘 이해해서 개발이나 트러블슈팅 과정에서 더 정확한 도움을 줄 수 있도록, 이 프로젝트는 다음 기능들을 제공합니다.
- [기본 사용법](/1.x/ko/guide/usage/basic-usage.md): 1.x는 YoutubePlayer 컴포넌트를 중심으로 사용합니다.
- [플레이어 제어](/1.x/ko/guide/usage/player-controls.md): 1.x는 ref를 통해 플레이어를 제어합니다.
- [이벤트 처리](/1.x/ko/guide/usage/handling-events.md): 1.x에서는 이벤트를 YoutubePlayer의 callback prop으로 전달합니다. 안정적인 참조와 성능을 위해 callback은 useCallback으로 감싸는 것을 권장합니다.
- [플레이어 설정](/1.x/ko/guide/usage/player-config.md): playerVars로 YouTube 재생 환경을 설정합니다. 주요 옵션은 autoplay, controls, loop, muted, startTime, endTime, playsinline, rel, origin입니다.
- [스타일과 레이아웃](/1.x/ko/guide/usage/styling-and-layout.md): YoutubePlayer는 크기와 플랫폼별 스타일 prop을 받습니다. iframeStyle: Web 전용webViewStyle: iOS / Android 전용webViewProps: iOS / Android 전용
- [Inline HTML vs WebView](/1.x/ko/guide/usage/inline-html-vs-webview.md): iOS와 Android에서 1.x는 두 가지 렌더링 방식을 지원합니다.
- [Custom WebView Player](/1.x/ko/guide/usage/custom-webview-player.md): 직접 외부 플레이어 페이지를 호스팅해야 한다면 @react-native-youtube-bridge/web를 사용합니다. 이후 native 앱에서 호스팅 URL을 전달합니다.
- [oEmbed 메타데이터](/1.x/ko/guide/usage/metadata-with-oembed.md): useYoutubeOEmbed로 YouTube 메타데이터를 선택적으로 가져올 수 있습니다.
- [에러와 트러블슈팅](/1.x/ko/guide/usage/errors-and-troubleshooting.md): 이 페이지는 2.x 트러블슈팅 페이지에서 1.x 문서로 버전을 전환했을 때 404로 떨어지지 않도록 제공합니다.
- [API 레퍼런스](/1.x/ko/guide/usage/api-reference.md): 이 페이지는 레거시 1.x 컴포넌트 API를 요약하고, 2.x API reference에서 1.x로 버전을 전환했을 때 404로 떨어지지 않도록 제공합니다.
- [2.x로 마이그레이션](/1.x/ko/guide/migration-from-1.x.md): 2.x는 기존 component/ref 모델을 hook-and-view 모델로 바꿉니다. [!tip] 이 페이지는 1.x 문서 안에서 보는 짧은 마이그레이션 안내입니다. 전체 최신 마이그레이션 내용은 <a href="/ko/guide/migration-from-1.x.html">2.x의 1.x 마이그레이션 가이드</a>를 참고하세요.

## Others

- [React Native Youtube Bridge 1.x](/1.x/ko/index.md): [!warning] 1.x는 레거시 API입니다. 새 프로젝트는 2.x Hook 기반 문서를 사용하세요. 1.x 개요로 이동합니다.