인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

김라영님의 프로필 이미지

작성한 질문수

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

상태 영구저장 5

MMKV 사용시 에뮬레이터에서 실행이 불가능한 이슈

해결된 질문

작성

·

83

0

image.png

이런식으로 실제 앱에서만 사용이 가능하다고 뜹니다ㅠ
찾아보니까 디버깅을 끄라는데 개발자 도구를 켜봐도(ctrl+m /cmd+m켜서 들어가는,,) Debugging을 끄는 부분이 안보여요,,,
+ Debug JS Remotely라는 부분을 끄라고 구글링을 하니까 나오는데 이 부분이 아예 개발자도구에서 안보입니다..

  •  

  • 학습에 관련된 질문만 해주세요.

  • 질문은 상세하게 무엇이 궁금한지 작성해주세요.

  • 질문은 '마크다운'을 사용하여 할 수 있습니다.

  • 유사한 질문이 있었는지 살펴보고 질문 해주세요.

     

  • 부담갖지 말고 강의에서 궁금하신 점 전부 질문해주세요 :)

답변 4

1

김라영님의 프로필 이미지
김라영
질문자

띠용 근데 coin프로젝트에서는 2.10.1로 하니까 안되더라구요?
그래서 최신버전으로 한번 다시 깔아봤는데,, 또 최신버전으로 하니까 됩니다,,,ㅎ,,,

0

정현우님의 프로필 이미지
정현우
지식공유자

혹시

Npm uninstall react-native-mmkv

Npm install react-native-mmkv@3.0.0-beta.5

명령어 입력해 보시겠어요?

버전에 문제가 있을수도 있어서, 일단 이 해결책 먼저 던지고 가겠습니다.

계속해서 해결책 제시해드릴게요!

+ 안되실 경우 android/gradle.properties 파일에서 36번째즈음 newArchEnabled가 false라면 true로 설정해 주세요.

+ 그래도 안되시고 애초에 newArchEnabled가 true였으면 false로 설정해 주세요.

김라영님의 프로필 이미지
김라영
질문자

앗 드디어 됐어요ㅠㅠ

Npm install react-native-mmkv@3.0.0-beta.5
이 버전은 베타 버전이라서 그런지 react-native랑 호환이 안된다고 뜨구
npm install react-native-mmkv@2.10.1

이 버전을 설치한다음에
newArchEnabled 이거를 false -> true로 변경해주니까 되더라구요!

그런데 여전히 아래 사진같은 에러가 뜨긴해요
(+ 코드는 복붙해서 똑같습니다!, 에러랑 상관없이 잘 작동하기는 합니다)

image.png


정현우님의 프로필 이미지
정현우
지식공유자

아이고ㅠㅠ 평소에도 소중한 질문 굉장히 많이 주시고 열정적으로 강의 수강해주시는 수강생님께서 에러 해결이 됐다니 제가 다 기쁩니다.

제 강의 열정적으로 수강해주셔서 진심으로 감사드립니다!! 해결됐다니 진심으로 다행입니다!

0

김라영님의 프로필 이미지
김라영
질문자

인프런 AI인턴이 제시한 것처럼 flipper로 실행할수도 있으나 flipper는 ios에서 firebase를 사용할 수 없다고 알고 있습니다,,,
그래서 CLI에서는 flipper를 사용하지 않는 거를 추천하고 있더라구요,,,
flipper말고 에뮬레이터에서 실행해보고 싶습니다,,

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 김라영님.

React Native 개발 환경에서 MMKV 관련 에러가 발생해서 어려움을 겪고 계신 것 같군요. 보통 이러한 문제는 MMKV의 기능이 일부 개발 환경 설정과 맞지 않아 발생할 수 있는 부분입니다. MMKV는 JSI(JavaScript Interface)를 사용하여 네이티브 모듈과 상호작용하기 때문에, 일부 디버깅 도구와의 충돌이 있을 수 있습니다.

문제 해결 방법

1. Remote Debugging 끄기

MMKV와 같은 JSI 기반 모듈은 개발 중 remote debugging과 호환되지 않을 수 있습니다. 특히 ‘Debug JS Remotely’ 옵션은 JSI 및 실시간 네이티브 코드 실행을 방해할 가능성이 있습니다. 문제가 발생한 경우 이 옵션을 비활성화해야 합니다.
- 이전 방식으로는 Ctrl+M(Windows) 또는 Cmd+M(Mac)을 사용하여 개발자 메뉴를 열고 ‘Debug JS Remotely’ 옵션을 끄면 됩니다.
- 새로운 버전의 Expo 또는 React Native에서는 디버거 메뉴가 다르게 구성될 수 있습니다. 디버깅이 기본적으로 활성화되어 있거나 표시되지 않을 수 있으므로, 이를 관리하는 설정 메뉴에서 직접 조절이 필요할 수 있습니다.

2. Flipper 사용

Flipper는 React Native의 공식 디버깅 툴이며, 앱의 상태와 행동을 모니터링하는 데 유용합니다. 설치 및 사용 방법은 다음과 같습니다.
- Flipper 설치: Flipper를 다운로드하고 설치하세요.
- Flipper 설정:
1. Flipper를 설치한 후, React Native 프로젝트의 android/app/src/main/java/[your-package-name]/MainApplication.java 파일에 Flipper 설정을 추가합니다.
2. 기본적으로 React Native는 Flipper를 지원하도록 설정되어 있어야 하며, 추가적인 설정이 필요치 않을 수도 있습니다.

참고 URL

1. npx expo start 오류건…

  • 내용 요약: React Native 애플리케이션 실행 시 발생하는 오류에 대한 해결책이 논의된 내용입니다.

2. iOS설정에 오류가 있는 것 같습니닷,,(info.plist 설정 오류)

  • 내용 요약: 설정 파일 관련 오류 및 그 해결 방법에 대한 정보가 제공됩니다.

이 방법으로 문제가 해결되길 바라며, 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 저도 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏

추가 질문이 있거나 문제가 지속되면, 지식공유자께서도 빠른 시일 내에 답변해 주실 것입니다.