TIL

앱 만들면서 필요한 expo 관련 명령어 총정리 1. expo GO 에서 실행npx expo start -ca - androidw - web localhost:8081에서 실행됨 2. 애드몹 광고 붙이고 실행 (애드몹은 expo go 호환 안됨)광고붙이기npx install react-native-google-mobile-adshttps://getacherryontop.tistory.com/m/422광고 붙이고 빌드npx expo prebuild --platform androidnpx expo run:android// if you have iOSnpx expo run:ios Using development build 인지 확인, EXpo Go는 안됨  오류 발생 시npx expo prebuild --cl..

There was a problem loading the requested app 같은 네트워크에서 실행 중인지 확인공공와이파이 사용하는 경우 이런 문제가 간혹 발생 로컬 호스트 주소인 127.0.0.1을 사용하여 Expo 앱이 서버에 연결하지 못하는 상황입니다. 127.0.0.1은 일반적으로 로컬 컴퓨터를 가리키는 주소인데요, 모바일 디바이스에서 이 주소로 연결하려고 하면, 디바이스는 자체적으로 자신을 가리키게 되어 실제 개발 중인 애플리케이션에 접근할 수 없게 됩니다.해결 방법은 다음과 같습니다:컴퓨터와 모바일 디바이스가 같은 네트워크에 연결되어 있는지 확인합니다.컴퓨터의 IP 주소를 찾습니다. (Windows의 경우 cmd에서 ipconfig를, macOS 또는 Linux에서는 터미널에 ifconf..

1. 폰트 파일 .ttf 를 프로젝트 assets/fonts/에 저장한다. 2. 다음 을 설치한다. npx expo install expo-font 3. app.json에 다음을 추가[  "expo-font",  { useEffect(() => {    const loadFonts = async () => {      await Font.loadAsync({        'pixel': require('@/assets/fonts/pixel.ttf'),      });      setFontsLoaded(true);    };    loadFonts();  }, []);    "fonts": ["./assets/fonts/pixel.ttf"]  }] 사용 시   참고https://docs.expo.dev/..

안드로이드 앱 출시를 앞두고 비공개 테스터 20명을 모아야하는 상황이 생겼다사실 실제 안드로이드 유저 20명을 모으는 건 쉽지 않다, 주변 네트워크를 활용하거나 테스터 플랫폼을 활용하면 된다 1. 개인 네트워크 활용친구와 가족, 동료 2. 소셜 미디어 활용카카오톡 그룹 / 네이버 카페- 품앗이 방 https://open.kakao.com/o/gcrp8BXf 안드로이드 플레이스토어 비공개 테스트 품앗이#앱출시 #앱배포 #테스트 #비공개테스트 #품앗이 #개인개발자 #인디게임 #20명 #안드로이드 #플러터 #리액트네이티브 #플레이스토어open.kakao.comhttps://cafe.naver.com/devsharing 개발자 상부상조 품앗이 카페 : 네이버 카페앱 출시를 위한 비공개테스트 품앗이 및 리뷰 품앗..

원래 있는 프로젝트 구조를 한국어에서 다른 언어들도 지원하게끔 변경1. 설치npx expo install expo-localization i18next react-i18next 2. 번역 파일 구조 위치 (한국어, 영어)├── constants/│   └── translations/│       ├── ko.ts                 # 한국어 번역│       └── en.ts                 # 영어 번역 [전체 프로젝트 구조]project/├── app/│   ├── _layout.tsx               # 루트 레이아웃│   └── index.tsx                 # 메인 페이지├── components/│   └── LanguageSelector.tsx..

Expo Localization은 React Native/Expo 앱에서 다국어 지원을 구현하기에 적합한 라이브러리입니다 설치npx expo install expo-localization expo-localization의 주요 기능// 주요 import 항목import {   getLocales,     // 사용자 디바이스의 언어 설정 조회  getCalendars,   // 캘린더 정보 조회  useLocales,     // 로케일 정보를 위한 React Hook  useCalendars    // 캘린더 정보를 위한 React Hook} from 'expo-localization'; 로케일 정보 조회const locales = Localization.getLocales();// 결과 예시:// [..

Expo Router 프로젝트 설정 방법 npx create-expo-app@latest 실행하기npx expo start // 기본 프로젝트 구조app/  ├── (tabs)                   // 탭 네비게이션 그룹  │   ├── _layout.tsx         // 탭 네비게이션 레이아웃  │   ├── index.tsx           // 홈 탭 스크린  │   ├── profile/            // 프로필 관련 스택 네비게이션  │   │   ├── _layout.tsx     // 프로필 스택 레이아웃  │   │   ├── index.tsx       // 프로필 메인 스크린  │   │   └── edit.tsx        // 프로필 수정 스크린  │  ..

첫 앱 출시 전 구글에 테스트 요청을 하려는데 EU에서 앱을 배포하는 경우 지역 차단 규정(EU) 2018/302를 참조하세요 라는 지역차단 규정문제가 있었다. 해당 국가 목록EU 지리적 차단 규정(EU 2018/302)에 포함된 국가들### **EU 회원국 (지리적 차단 규정 적용 국가):**1. 그리스2. 네덜란드3. 덴마크4. 독일5. 라트비아6. 룩셈부르크7. 리투아니아8. 몰타9. 벨기에10. 불가리아11. 스웨덴12. 스페인13. 슬로바키아14. 슬로베니아15. 아일랜드16. 에스토니아17. 오스트리아18. 이탈리아19. 체코20. 크로아티아21. 키프로스22. 폴란드23. 포르투갈24. 프랑스25. 핀란드26. 헝가리27. 루마니아### **유럽 경제 지역(EEA) 국가 (규정 적용 국가):..

expo build 하는 과정에서 prebuild 마치고 npx expo run : android 했더니 해당 오류 발생 Error resolving plugin [id: 'cohttp://m.facebook.react.settings']> Could not read workspace metadata from  cd android && ./gradlew --stop && rm -rf ~/.gradle/caches  로 간단하게 해결

안드로이드 앱 출시하는 과정에서 애드몹 테스트 ID 설정하는법 정리  개발 중에는 테스트 광고를 사용하여 광고를 클릭해도 Google 광고주에게 비용이 청구되지 않게 하는 것이 중요실제 광고사용하게되면 무효 클릭으로 계정 정지 당할 수 있음 npx install react-native-google-mobile-ads 애드몹에서 앱 추가 하고, 나오는 APP ID 복사광고 형식데모 광고 단위 ID앱 오프닝 광고ca-app-pub-3940256099942544/9257395921적응형 배너ca-app-pub-3940256099942544/9214589741고정 크기 배너ca-app-pub-3940256099942544/6300978111전면 광고ca-app-pub-3940256099942544/1033173..