문제 해결

애니메이션이 재생되지 않음

가장 흔하게 발생하는 문제입니다. Reanimated는 자체 Babel 플러그인이 필요하며, plugins 배열의 맨 마지막에 있어야 합니다. 이것이 없으면 애니메이션 컴포넌트가 최종 값으로 그냥 렌더링되어 아무것도 움직이지 않으며, 어디에서도 오류가 표시되지 않습니다.

// babel.config.js
module.exports = function (api) {
  api.cache(true)
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin'], // must be LAST
  }
}

그런 다음 캐시를 지우고 번들러를 재시작하세요: npx expo start -c. 일반 재시작만으로는 충분하지 않습니다.

폰트가 이상하게 보임

폰트는 화면 내부가 아니라 앱 루트에서 한 번만 로드됩니다. 각 디자인은 fonts 객체를 내보내므로, 이를 루트의 useFonts에 펼쳐 넣고 해결될 때까지 스플래시 화면을 유지하세요. 이 과정을 건너뛰면 텍스트가 시스템 서체로 대체되어 모든 굵기가 미묘하게 어긋나 보입니다.

import { useFonts } from 'expo-font'
import * as SplashScreen from 'expo-splash-screen'
import { fonts } from './components/clean-settings/screen'

SplashScreen.preventAutoHideAsync()

export default function App() {
  const [loaded, error] = useFonts({ ...fonts })
  useEffect(() => {
    if (loaded || error) SplashScreen.hideAsync()
  }, [loaded, error])
  if (!loaded && !error) return null
  return <YourApp />
}

에이전트가 제 앱에 맞춰 테마를 바꿔버렸습니다

되돌리라고 지시한 뒤 새 대화에서 프롬프트를 다시 붙여넣으세요. 맞추지 말라는 지시는 모든 프롬프트에 포함되어 있지만, 에이전트가 여러분의 코드베이스 관행을 흡수한 긴 세션에서는 이것이 무시될 수 있습니다. 깨끗한 컨텍스트가 확실한 해결책입니다.

Expo Go에서 충돌함

해당 디자인의 배지를 확인하세요. 일부는 Expo Go에 포함되지 않은 네이티브 모듈을 사용하며, 이런 경우 development build가 필요합니다. 카드의 배지, 상세 페이지의 배지, 프롬프트 자체까지 모두 복사하기 전에 이 사실을 알려줍니다.

npx expo run:ios

에이전트가 중간에 멈추고 플레이스홀더를 남김

파일 이름을 알려주며 잘려버린 파일을 마저 완성하라고 요청하세요. 프롬프트는 플레이스홀더를 명시적으로 금지하지만, 컨텍스트 압박을 받는 에이전트는 가끔 그렇게 하기도 하며, 긴 플로우가 흔한 원인입니다. 아무것도 손실되지 않으며 나머지 붙여넣기 내용은 온전합니다.