inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

.

미해결

React Native with Expo: 제로초에게 제대로 배우기

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 106

FirebaseApp 초기화 문제가 발생합니다.

미해결

React Native with Expo: 제로초에게 제대로 배우기

[Error: Make sure to complete the guide at https://docs.expo.dev/push-notifications/fcm-credentials/ : Default FirebaseApp is not initialized in this process com.cozyu.threadsclone. Make sure to call FirebaseApp.initializeApp(Context) first.] 처음에 package name을 잘못 입력한 상태에서 등록까지 했었다가 지우고 com.cozyu.threadsclone로 재등록했는데도 계속 같은 오류가 발생합니다... google-services.json의 package_name도 이렇게 되어있고, firebase - 일반에서의 패키지 이름도 동일하게 되어있고, expo dev - credentials에서도 이렇게 되어 있는데 안되네요... 폴더에서 json 키 두 개 제거 후에 다시 다운 받았아서 app.json과 동일한 위치에 넣었고, eas credentials 부터 다시 했는데 안됩니다. 혹시 다른 해결 방법이 있을까요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
dbrud5804 댓글 4 좋아요 0 조회수 182

게시글 post 버튼을 클릭한 후에 화면 이동이 발생하지 않습니다

미해결

React Native with Expo: 제로초에게 제대로 배우기

안녕하세요. 게시글 post 버튼을 클릭한 후에 화면 이동이 발생하지 않습니다... 혹시 제가 코드 작성하면서 누락한 부분이 있는 건가 싶어서 어떤 코드에서 그 부분을 다루고 있는지 잘 모르겠어서 질문드립니다 ㅜㅜ modal.tsx의 handlePost는 동일하게 작성되어 있습니다. post 버튼을 누른뒤에 로그는 아래와 같이 정상적으로 출력되고, cancel 버튼을 눌러서 뒤로 가서 확인해보면 게시글은 잘 작성되어있습니다.. 화면이 자동으로 안넘어가는데 어디를 확인해봐야하나요?? LOG posts [{"content": "dd", "id": "1754381715692", "imageUrls": ["file:///data/user/0/com.cozyu.threadsclone/cache/ImagePicker/b22031f0-a977-4501-86c9-2cbc9cf73ae2.jpeg"], "userId": "cozyu"}] LOG post result [{"content": "dd", "id": "1754381715692", "imageUrls": ["file:///data/user/0/com.cozyu.threadsclone/cache/ImagePicker/b22031f0-a977-4501-86c9-2cbc9cf73ae2.jpeg"], "userId": "cozyu"}]

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
dbrud5804 댓글 5 좋아요 0 조회수 109

fetchUser 요청시 userPoint.amount

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

충전 금액이 balance에 누적되는 것 같은데, userPoint에는 따로 저장되는 것이 아닌가요? 아니라면 충전 된 유저의 포인트는 어떻게 가져와야 될까요? 그리고, 사진처럼 fetchUser 하면 userPoint.amount 가 non-nullable field 라며 userPoint의 amount를 못가져오는데 혹시 오류일까요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
mh 댓글 2 좋아요 0 조회수 96

prebuild 프로젝트 build 방법

해결됨

React Native with Expo: 제로초에게 제대로 배우기

expo에서 prebuild를 진행한 후 native 코드를 직접 수정한 경우, 이후 빌드는 eas build로 가능한가요? 아니면 Xcode/Android Studio 같은 native 빌드 환경을 사용하는 것이 더 적절한가요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
박준태 댓글 2 좋아요 0 조회수 194

컴포넌트 모델화

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

안녕하세요 강사님, ProductCard 코드를 보다가 궁금한 점이 있어서 질문드립니다. 현재 ProductCard 위젯이 ProductModel 과 RestaurantProductModel 두 모델의 데이터를 받아서 처리하는데, 이런 경우 일반적으로 ProductCardModel 처럼 별도의 UI 전용 모델 클래스 를 만들어서 처리하는 구조도 있다고 알고 있습니다. 혹시 이번 강의에서는 단순화를 위해 별도의 모델을 만들지 않으신 건가요? 아니면 실무에서도 이렇게 UI 위젯에서 도메인 모델을 바로 사용하는 방식 이 일반적인 편인지 궁금합니다. 추가적으로, 모델을 따로 만들어서 공통 속성만 뽑아내는 방식도 괜찮을지 의견 듣고 싶습니다! 감사합니다.

  • flutter
  • 하이브리드-앱
Full Stack 개발자 댓글 2 좋아요 0 조회수 86

npm 배포 후 import 시 오류사항

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

npm 배포 후 import 해서 컴포넌트 사용할 때 첫 번째 사진과 같은 오류가 발생합니다. 'codecamp-ui' 설치 후 접속해도 동일한 오류가 나옵니다. 어떤 부분이 문제일까요..?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
mh 댓글 2 좋아요 0 조회수 124

npx expo run:anroid 로 빌드하면 FCM 안되는 이유

미해결

React Native with Expo: 제로초에게 제대로 배우기

npx expo run:android 로 빌드해서 에뮬레이터에서 실행한 경우 FCM이 안되는 것 같은데 이유를 알 수 있을까요 ? 안된다면, eas build를 해야만할까요-? (시간이 오래걸려서요)

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 1 좋아요 0 조회수 77

Error : Default FirebaseApp is not initialized

미해결

React Native with Expo: 제로초에게 제대로 배우기

[Error: Make sure to complete the guide at https://docs.expo.dev/push-notifications/fcm-credentials/ : Default FirebaseApp is not initialized in this process com.lukasdiego.retrythreads. Make sure to call FirebaseApp.initializeApp(Context) first.] npx expo run:android로 앱을 실행하니 위 처럼 FirebaseApp 초기화 부분이 안됩니다. 우선 Credentials는 등록된 것을 확인했습니다 !

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 2 좋아요 0 조회수 249

쿼리 파라미터

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

강사님, 일반적으로 앱 개발에서는 쿼리 파라미터보다는 패스 파라미터를 사용하는 게 좋다고 말씀해주셨는데요. 그런데 페이지네이션(Pagination) 구현할 때는 대부분 ?page=1&limit=10 같은 쿼리 파라미터를 사용하는 경우가 많더라고요. 혹시 페이지네이션에서는 쿼리 파라미터를 사용하는 특별한 이유가 있는지 여쭤봐도 될까요?

  • flutter
  • 하이브리드-앱
Full Stack 개발자 댓글 2 좋아요 0 조회수 105

화면 안보임

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다! [코드팩토리 디스코드] https://bit.ly/3HzRzUM 2장 섹션 기본 ui 학습 : 목소리는 나오나 화면이 아무것도 안보임 - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • flutter
  • 하이브리드-앱
kim9668 댓글 2 좋아요 0 조회수 109

33 강 부터 코드 적용 시 TabBar가 안보임

미해결

React Native with Expo: 제로초에게 제대로 배우기

코드 수정된 부분 붙여넣기하면서 재학습 중인데, 33강 부터 갑자기 TabBar가 사라지네요 RootLayout에서 Stack부분은 문제가 없는 것 같은데 왜그럴까요 ? https://github.com/lukasdeveloperacc/Study/commit/bbca33bdf8ad62b7240a9ed1d1eb39600965e839 제 커밋 코드입니다

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 2 좋아요 0 조회수 80

PaginationListView

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

안녕하세요 강사님, 질문이 하나 있습니다! RestaurantScreen 에서는 PaginationListView 를 사용해서 무한 스크롤을 깔끔하게 구현했는데, RestaurantDetailScreen 에서는 별도의 리스트(메뉴, 리뷰 등)를 여러 개 렌더링해야 하다 보니 PaginationListView 를 사용하지 않았습니다. 이 경우처럼 CustomScrollView 안에서 여러 Sliver 를 조합하는 화면에서는 PaginationListView 를 쓰는 것이 구조적으로 어려운 상황이 맞을까요? 혹시 이런 복합적인 UI에서도 PaginationListView 를 응용할 수 있는 방법이 있을지 궁금합니다. 예를 들어, SliverList 일부만 무한 스크롤로 처리하거나, 커스터마이징해서 적용하는 사례가 있는지도 알고 싶습니다! 감사합니다

  • flutter
  • 하이브리드-앱
Full Stack 개발자 댓글 1 좋아요 0 조회수 85

koreanjson 관련 사이트가 접속이 안되요

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

koreanjson.com 접속이 계속 안되서 대체 사이트가 있을까요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
skykwj0422 댓글 2 좋아요 0 조회수 99

react-native의 SafeAreaView를 쓴 이유?

해결됨

React Native with Expo: 제로초에게 제대로 배우기

안녕하세요! react-native 의 SafeAreaView 는 기본적으로 안드로이드 지원이 안되고 유연하지 않아 react-native-safe-area-context 의 SafeAreaView를 사용하는게 권장된다고 하더라구요. react-native의 SafeAreaView를 쓰신 이유가 궁금해요

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
웰시코기 댓글 1 좋아요 0 조회수 287

expo go 안에 threads-clone이 나타나지 않습니다

미해결

React Native with Expo: 제로초에게 제대로 배우기

npm ls react npm ls react-native npm ls expo 버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다. npm run android 했을때 › Using development build › Press s │ switch to Expo Go › Press a │ open Android › Press w │ open web › Press j │ open debugger › Press r │ reload app › Press m │ toggle menu › shift+m │ more tools › Press o │ open project code in your editor › Press ? │ show all commands Logs for your project will appear below. Press Ctrl+C to exit. Android Bundled 1357ms node_modules\expo-router\entry.js (1280 modules) 다음과 같이 development build로 실행됩니다 그래서인지 expo go 안에도 threads-clone이 나타나질않네요 그래서 s 키를 눌러서 이렇게 바꾼 후에도 나타나지 않습니다

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
손성오 댓글 2 좋아요 0 조회수 120

.

미해결

React Native with Expo: 제로초에게 제대로 배우기

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 1 좋아요 0 조회수 76

expo location foreground, background

미해결

React Native with Expo: 제로초에게 제대로 배우기

만약 배달앱을 만든다고하면, 앱을 켤 때, foreground, background 모두 권한을 받아두는 식으로 개발하나요 ?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 2 좋아요 0 조회수 125

npm run android 시 build app 우선 실행

해결됨

React Native with Expo: 제로초에게 제대로 배우기

저는 npm run android 하면 빌드앱이 우선으로 실행되고, expo go 로 계속 switch 해야하는데요 혹시 expo go 로 디폴트로 시작하게는 못하나요 ?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 1 좋아요 0 조회수 97

eas update 시 build에서 채널이 안보임

해결됨

React Native with Expo: 제로초에게 제대로 배우기

✘ chaejinjeong 😝  ~/Desktop/lukas/Study/reactnative/zerocho/threads  ↱ main ±  eas update --channel development --message "fix: apiUrl" [expo-cli] env: load .env [expo-cli] env: export KAKAO_NATIVE_KEY [expo-cli] Starting Metro Bundler [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1879/1883) [expo-cli] Android ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1886/1886) [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884) [expo-cli] Android ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1886/1886) [expo-cli] Android Bundled 8190ms index.ts (1886 modules) [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884) [expo-cli] Android ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1886/1886) [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884) [expo-cli] iOS Bundled 12572ms index.ts (1884 modules) [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884) [expo-cli] Creating asset map [expo-cli] [expo-cli] › Assets (54): [expo-cli] assets/images/avatar.png (17.5 kB) [expo-cli] assets/images/react-logo.png (3 variations | 13.9 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/AntDesign.ttf (70.3 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Entypo.ttf (66.2 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/EvilIcons.ttf (13.5 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Feather.ttf (56.2 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome.ttf (166 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf (134 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf (33.7 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf (203 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome6_Brands.ttf (209 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome6_Regular.ttf (68 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome6_Solid.ttf (424 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Fontisto.ttf (314 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Foundation.ttf (57 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Ionicons.ttf (443 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf (1.15 MB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/MaterialIcons.ttf (357 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Octicons.ttf (49.4 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/SimpleLineIcons.ttf (54.1 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Zocial.ttf (25.8 kB) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/back-icon-mask.png (653 B) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/back-icon.png (8 variations | 359 B) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/clear-icon.png (4 variations | 425 B) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/close-icon.png (4 variations | 235 B) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/search-icon.png (7 variations | 592 B) [expo-cli] node_modules/expo-router/assets/arrow_down.png (9.46 kB) [expo-cli] node_modules/expo-router/assets/error.png (469 B) [expo-cli] node_modules/expo-router/assets/file.png (138 B) [expo-cli] node_modules/expo-router/assets/forward.png (188 B) [expo-cli] node_modules/expo-router/assets/pkg.png (364 B) [expo-cli] node_modules/expo-router/assets/sitemap.png (465 B) [expo-cli] node_modules/expo-router/assets/unmatched.png (4.75 kB) [expo-cli] [expo-cli] › android bundles (2): [expo-cli] _expo/static/js/android/index-76e11ae11c34c3503a6dbd90ed0b7a03.hbc (5.82 MB) [expo-cli] _expo/static/js/android/index-76e11ae11c34c3503a6dbd90ed0b7a03.hbc.map (14.5 MB) [expo-cli] [expo-cli] › ios bundles (2): [expo-cli] _expo/static/js/ios/index-4cdfeb96d45c0edbe3d45931022e8005.hbc (5.82 MB) [expo-cli] _expo/static/js/ios/index-4cdfeb96d45c0edbe3d45931022e8005.hbc.map (14.5 MB) [expo-cli] [expo-cli] › Files (2): [expo-cli] assetmap.json (25.4 kB) [expo-cli] metadata.json (6.42 kB) [expo-cli] [expo-cli] Exported: dist ✔ Exported bundle(s) ✔ Uploaded assetmap.json ⠇ Uploading (0/56)(node:12056) [DEP0044] DeprecationWarning: The util.isArray API is deprecated. Please use Array.isArray() instead. (Use node --trace-deprecation ... to show where the warning was created) ✔ Uploaded 2 app bundles ✔ Uploading assets skipped - no new assets found ℹ 50 iOS assets, 50 Android assets (maximum: 2000 total per update). Learn more about asset limits ✔ Computed project fingerprints ✔ Published! Branch development Runtime version 1.0.0 Platform android, ios Update group ID 36193c9d-e3cb-43b3-abb0-1b0a945b68af Android update ID 4c505558-7e8e-4837-89eb-67c40f4d84ce iOS update ID d1473ce0-3b64-4d6a-a907-c14cb46ac87b Message fix: apiUrl Commit 53e7e483149d3a1c11158dc6d82e1d275d1817dd* EAS Dashboard https://expo.dev/accounts/lukasdiego/projects/threads/updates/36193c9d-e3cb-43b3-abb0-1b0a945b68af No compatible builds found for the following fingerprints: iOS fingerprint: 0ccba201890a2a4b134bfc3a01a91979c8c32e83 URL : https://expo.dev/accounts/lukasdiego/projects/threads/fingerprints/0ccba201890a2a4b134bfc3a01a91979c8c32e83 Android fingerprint: 676271bcdf365731eeac1b2652140fffb81ea64f URL : https://expo.dev/accounts/lukasdiego/projects/threads/fingerprints/676271bcdf365731eeac1b2652140fffb81ea64f chaejinjeong 😝  ~/Desktop/lukas/Study/reactnative/zerocho/threads  ↱ main ±  eas update 는 된 것 같은데 Builds에서는 안보이네요 업데이트가 잘 못 된걸까요 ? 우선 commit들은 확인이 됩니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 1 좋아요 0 조회수 132

인기 태그

인프런 TOP Writers

주간 인기글