전체 글34 [React Native] 리액트 네이티브에서 Lottie 사용하여 애니메이션 넣기 (RN 0.73) Lottie는 에어비앤비에서 제공하는 라이브러리로, 많은 사람들이 공유한 애니메이션을 무료로 이용할 수 있고 커스텀까지 가능하다.무게가 큰 gif 파일에 비해 가벼운 json 파일만으로 웹, 앱 등 다양한 곳에 멋진 애니메이션을 넣을 수 있다.하지만 react native 0.73의 최신 버전을 활용하는 필자는 호환되는 버전을 찾는 데 어려움을 느꼈기 때문에 사용 방법을 정리해 보려 한다. 1. 설치로띠를 이용하기 위해서는 2가지의 모듈을 설치해야 한다. 사실상 버전 정보 때문에 이 글을 쓰는 것과 다름없다. 버전이 맞지 않으면 오류가 난다...어떤 오류인지는 밑에서 설명하겠다. 아래 command를 통해 두 모듈을 설치한다.npm i --save lottie-react-native@6.7.2npm i .. 2024. 4. 17. [React Native/Error] Invariant Violation: Tried to register two views with the same name : npm dedupe Invariant Violation: Tried to register two views with the same name LottieAnimationView, js engine: hermes 외부 라이브러리 사용시 중복된 패키지로 인해 생기는 오류이다. 다음 command를 통해 중복된 패키지를 정리해주면 해결됨 + 용량도 줄여준다고 함 npm dedupe 2024. 4. 17. [React Native/Error] No bundle URL present. : 메트로 서버 ON No bundle URL present. Make sure you're running a packager server or have included a .jsbundle file in your application bundle. 이상하게 VScode terminal에서 npm start - i command를 통해 빌드를 시도할 때는 오류가 나지 않는데, Xcode에서 빌드를 시도하면 해당 오류가 났다. 검색을 통해 .jsbundle을 프로젝트 내에 생성해주는 명령어를 사용해 보았으나 실패. 중요한 것은 뒷부분이 아니라 앞부분이었다. server가 있느냐. 혹시 몰라 VScode terminal에서 다음 command를 통해 메트로 서버를 켠 후 (빌드는 하지 않고) 다시 Xcode에서 빌드 시도해보았더.. 2024. 4. 16. [React Native/Error] Command PhaseScriptExecution failed with a nonzero exit code : 패키지 재설치 Command PhaseScriptExecution failed with a nonzero exit code. 검색해보니 해당 Error는 너무 다양한 원인으로 인해 발생하기 때문에 가지각색 해결법이 나왔다. 필자는 많은 방법을 시도했으나 통하지 않았고, 패키지 오류로 인해 발생했기 때문에 node modules 폴더를 지운 후 프로젝트 폴더에서 아래 command로 패키지 재설치한 후 다시 빌드해보니 성공했다. npm i cd ios pod install 참고로 빌드하기 전에 build clean 작업을 하는 것을 추천한다. 2024. 4. 16. [React Native/Error] TypeError: cli.init is not a function : react-native-cli 전역 설치X TypeError: cli.init is not a function npx install -g react-native-cli 위 command를 통해 프로젝트를 시작하기 이전 react-native-cli를 전역으로 설치하였다면 이러한 오류가 날 수 있다. 공식문서에서는 react-native-cli를 global로 설치하는 것을 권장하지 않는다고 한다. 아래 command를 통해 전역으로 설치한 모듈을 삭제한다. npm uninstall -g react-native-cli 그리고 공식문서에 나와 있는 아래 command로 프로젝트를 시작하면 좋겠다. npx react-native init projectName 2024. 4. 16. [React Native/Error] No connected devices! (com.android.builder.testing.api.DeviceException: No connected devices!) : 기기 연결 Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: No connected devices! 안드로이드에서 no connected devices 에러가 나는 경우 연결된 실기기가 없거나 emulator가 꺼져 있는 것은 아닌지 확인해봐야 한다. Android Studio를 열고 가상 기기 전원을 켠 후 다시 Build해본다. 2024. 4. 16. 이전 1 2 3 4 5 6 다음
