LLM 코드 생성

LLM 코드 생성은 VPE React Native SDK 설정을 빠르게 시작하기 위한 가이드입니다. rn-llms.txt를 프롬프트로 제공하면 AI가 React Native (Expo / Bare RN) 기반 예제 코드를 생성해줍니다.

개념

rn-llms.txt는 VPE React Native SDK의 핵심 구조(VpePlayer / PlayerContext / layout 시스템 / IconOverrides / 제스처 / 옵션·이벤트)와 PR1·PR2 breaking changes를 한 문서에 정리한 요약 가이드입니다. 이를 LLM에 먼저 읽히면 코드 생성 시 필수 props·옵션과 권장 패턴을 누락하지 않도록 도와줍니다.

Pick your tool

사용 중인 LLM(예: ChatGPT, Claude, Copilot, Cursor 등)에 아래 프롬프트를 그대로 붙여넣습니다.

프롬프트

https://developer.vpe.naverncp.com/rn-llms.txt 을 읽고 React Native 예제 코드 생성해줘

예시 프롬프트

구체적인 시나리오를 함께 명시하면 더 정확한 코드를 얻을 수 있습니다.

https://developer.vpe.naverncp.com/rn-llms.txt 을 참고해서
Expo 53 + React Navigation 환경에서 다음을 만족하는 VpePlayer 화면을 만들어줘.

- accessKey 와 platform='pub' 사용
- HLS playlist 1개, autostart + muted
- 커스텀 layout으로 BackBtn(events.backPress로 navigation.goBack 호출),
  ShareBtn, SettingBtn 을 top 우측에 배치
- options.icon 으로 play/pause 아이콘을 phosphor-react-native 로 교체
- 전체화면은 modalFullscreen: false 로 커스텀 풀스크린 처리

가이드

• 응답 코드에서 accessKey, playlist URL은 프로젝트 환경에 맞게 교체합니다.
• Expo Go 환경에서는 devTestAppId를 함께 전달해야 라이선스 체크를 우회할 수 있습니다.
• 구버전(0.x)에서 마이그레이션 시 LLM에 “PR1/PR2 breaking changes 적용해서”라고 명시하세요. (backButton → events.backPress, props.icon → options.icon, PipBtn 폐지)
• 레이아웃을 커스터마이즈할 때는 “섹션 단위 replace”이므로 필요한 섹션만 정의해도 나머지는 디폴트가 사용됩니다.
• PIP, 화면 캡처 방지, 백그라운드 재생 등은 app.json 설정도 함께 요청하세요.
• 결과가 길면 “필요한 부분만 요약해줘”라고 추가 요청하세요.