묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결React Native with Expo: 제로초에게 제대로 배우기
IOS 빌드 오류...
npm ls react npm ls react-nativenpm ls expo버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다.이런 빌드 오류가 발생합니다.. 이유가 무엇일까요? ㅠㅠ
-
미해결React Native with Expo: 제로초에게 제대로 배우기
에뮬레이터 에서 오류
안녕하세요 푸쉬알림 카카오로그인 할때 엑스포 고우로 통해서 개발이 안되는걸로 아는데 그이후로부터는 빌드된 앱으로 들어가서 테스트 하는걸로 알고 있거든여 근데 빌든된 앱을 들어가서 ip주소 수동으로 쳐서 들어가려고 하는데 계속 에러가뜨네요 ping테스트 도 해보고 서버도 켜서 웹브라우저에서 번들 다운되는지도 확인했는데 에뮬레이터 접속이 안되네요
-
미해결React Native with Expo: 제로초에게 제대로 배우기
IOS 빌드 시 팀정보를 회사로 등록해버렸어요.
npm ls expo버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다. IOS 빌드 시 팀정보를 회사로 등록해버렸어요.제 개인 애플 계정의 개인 personalteam으로 했어야하는데 회사 팀으로 해버렸어요 어떻게 수정해야할가요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
빌드 오류
빌드 까지 성공했는데 orbit에서 시뮬레이터 실행하면 사진처럼 오류가 나옵니다.
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
안드로이드 기준으로 원래 키보드가 터치로 안뜨나요??
인풋 컴포넌트를 누르면 email 까진 그래도 키보드 띄울수있게 바가 떠서 show on screen keyboard 누르면 키보드가 뜨는데비밀번호는 왼쪽 바도 안떠서요
-
미해결React Native with Expo: 제로초에게 제대로 배우기
router.push() 오류
npm ls react : react@19.0.0npm ls react-native: react-native@0.79.5npm ls expo: expo@53.0.19 강의와 소스코드 자료에서 주어진 것과 동일하게 \[username]\index.tsx에 다음과 같이 작성했는데 router.push()에 동적 주소 넣는 부분에서 오류가 발생하는 것 같아요.이 경우에는 어떻게 해결해야 하나요? import { Text, View, TouchableOpacity } from "react-native"; import { useLocalSearchParams, useRouter } from "expo-router"; export default function Index() { const router = useRouter(); const { username } = useLocalSearchParams(); return ( <View style={{ flex: 1, justifyContent: "center", alignItems: "center", }} > <View> <TouchableOpacity onPress={() => router.push(`/${username}`)}> <Text>Threads</Text> </TouchableOpacity> </View> <View> <TouchableOpacity onPress={() => router.push(`/${username}/replies`)}> <Text>Replies</Text> </TouchableOpacity> </View> <View> <TouchableOpacity onPress={() => router.push(`/${username}/reposts`)}> <Text>Reposts</Text> </TouchableOpacity> </View> </View> ); }'`/${string}`' 형식의 인수는 'RelativePathString | ExternalPathString | "/modal" | `/modal?${string}` | `/modal#${string}` | "/home" | `/home?${string}` | `/home#${string}` | "/[username]/index" | `/[username]/index?${string}` | ... 53 more ... | { ...; }' 형식의 매개 변수에 할당될 수 없습니다.
-
미해결따라하며 배우는 리액트 네이티브 기초
expo가 안깔리고 에러가 납니다.
안녕하세요 expo qr 코드 진행후 에러가 나서 문의 드립니다. 강의 내용 그대로 진행했고, 맥에 xcode 설치 했고, 아이폰에 expo 설치하고 아이폰 카메라로 qr 찍었는데 첨부한 이미지와 같은 에러가 발생하고 있습니다. 혹시 해결할 수 있는 방법이 있을까요? 구글 검색 시도후 여러가지 해봤는데 진행이 안되네요 답변 부탁드립니다. 감사합니다.
-
미해결React Native with Expo: 제로초에게 제대로 배우기
강의를 듣다가 파일구조를 보다가 궁금한점이 있어서 질문드립니다
안녕하세요 제가 파일 구조를 보다가 하나 궁금한점이 생겼는데요[username] 폴더는 제 마이페이지를 보여주는걸로 아는데 모달로 route가 되어있잔아요 라우트가 근데 [username]파일 안에 index 파일에 패스 url 언디파인일때 보여주는 거 같더라고여 이거는 혹시 다른 상황에 대비해 패스 경로가 언디파인이여도 정상적으로 보여줄수 있도록 설계가 되있는 건지 궁금해서 질문 남깁니다..!
-
미해결따라하며 배우는 리액트 네이티브 기초
React-Native 강의중 expo 모바일이랑 연결 중에 이런 오류가 나네요
강의에서 하라는대로 했고, qr코드 아이폰 카메라로 인증 했는데 이렇게 뜨는데 어떤걸 수정하면 이런오류가 나지 않을까요? 오류가 나는 이유도 모르겠는데 답변 부탁드립니다.
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
ios simulator 환경설정
brew install watchman 설치 후 가이드가 변경이 되었는지 Create a development build부분이 생겼는데 이부분도 미리 설치하면 되는걸까요?
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
33. 강의 로그인 연동 중 에러
안녕하세요, 33. 강의 로그인 연동 중 에러가 발생하여 질문드립니다..! 코드 작성 이후 회원가입 시연을 시도하였는데, pgAdmin4에 데이터가 쌓이지 않고 터미널에 다음과 같은 에러가 발생하였습니다. iOS Bundled 788ms node_modules/expo-router/entry.js (1383 modules)λ Bundled 449ms node_modules/expo-router/node/render.js (1084 modules)Web node_modules/expo-router/entry.js ▓▓▓▓▓▓▓▓▓▓▓░░░░░ 69.8% (666/797)λ node_modules/expo-router/node/render.js ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 98.7% (1077/1084)Web Bundled 1009ms node_modules/expo-router/entry.js (797 modules)Web node_modules/expo-router/entry.js ░░░░░░░░░░░░░░░░ 0.0% (0/1)λ WARN "shadow*" style props are deprecated. Use "boxShadow". λ Bundled 24ms node_modules/expo-router/node/render.js (1 module)Web Bundled 191ms node_modules/expo-router/entry.js (1 module) 해당 문제 해결 방법을 알려주시면 정말 감사하겠습니다!
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
KeyboardAwareScrollView가 android emulator에서 잘 동작하지 않습니다.
https://github.com/znehraks/react-native-basic/blob/main/app/post/%5Bid%5D.tsx이 코드인데, Android Emulator에서 KeyboardAwareScrollView가 정상동작하지 않습니다.import AuthRoute from '@/components/AuthRoute'; import FeedItem from '@/components/FeedItem'; import InputField from '@/components/InputField'; import { colors } from '@/constants'; import useGetPost from '@/hooks/queries/useGetPost'; import { useLocalSearchParams } from 'expo-router'; import { Pressable, SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native'; import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'; export default function PostDetailScreen() { const { id } = useLocalSearchParams(); const { data: post, isPending, isError } = useGetPost(Number(id)); if (isPending || isError) { return <></>; } return ( <AuthRoute> <SafeAreaView style={styles.container}> <KeyboardAwareScrollView contentContainerStyle={styles.awareScrollViewContainer}> <ScrollView contentContainerStyle={styles.scrollViewContainer}> <View style={{ marginTop: 12 }}> <FeedItem post={post} isDetail /> <Text style={styles.commentCount}>댓글 {post.commentCount}개</Text> </View> </ScrollView> <View style={styles.commentInputContainer}> <InputField rightChild={ <Pressable style={styles.inputButtonContainer}> <Text style={styles.inputButtonText}>등록</Text> </Pressable> } /> </View> </KeyboardAwareScrollView> </SafeAreaView> </AuthRoute> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: colors.WHITE, }, awareScrollViewContainer: { flex: 1, backgroundColor: colors.GRAY_200, }, scrollViewContainer: { backgroundColor: colors.GRAY_200, }, commentCount: { marginTop: 12, backgroundColor: colors.WHITE, paddingVertical: 12, paddingHorizontal: 16, fontSize: 16, fontWeight: 'bold', }, commentInputContainer: { width: '100%', borderTopColor: colors.GRAY_200, borderTopWidth: StyleSheet.hairlineWidth, backgroundColor: colors.WHITE, padding: 16, bottom: 0, position: 'absolute', }, inputButtonContainer: { backgroundColor: colors.ORANGE_600, padding: 8, borderRadius: 5, }, inputButtonText: { color: colors.WHITE, fontWeight: 'bold', }, });
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
29. 백엔드 수업 자료를 어디서 다운 받는 지 궁금합니다!
수업 시작과 동시에 수업 자료를 다운 받으라고 하는데, 해당 회차 강의에 수업 자료 링크가 없어서 여쭤봅니다 ㅠ
-
미해결React Native with Expo: 제로초에게 제대로 배우기
iOS 배포문제 ㅠ.ㅠ
빌드는 성공적으로 진행된것 같은데 orbit실행하면 아래 사진처럼 오류가 나옵니다eas build --platform ios --profile development명령어 사용하여 빌드하였습니다.당연히 애플 개발자 결제는 했습니다.
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
윈도우에서 안드로이드 열었는데 '텍스트' 문구가 안보여요
https://github.com/minpppal/react-native-avartar에러는 안뜹니다.윈도우 환경입니다."react-native": "0.79.4",node : v22.16.0 화면에 아무것도 안떠요.웹으로 열면 잘뜹니다. (아래 사진은 웹)
-
미해결React Native with Expo: 제로초에게 제대로 배우기
github 코드를 받아서 빌드 생성시 에러가 납니다.
커서 자동완성 기능 때문에 놓치는 코드들이 있어서 github에서 특정 시점 코드를 받아서npm install eas build --platform android --profile development 를 통해 빌드를 생성하려는데, 빌드가 실패해서 expo 관리자에서 로그를 확인해보니 아래와 같은 에러가 계속 나고 있습니다.npm error npm ci can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with npm install before continuing. package.json과 package-lock.json이 동기화가 안됐다는 것 같아서 package-lock.json 삭제 후 npm install 로 다시 설치 후 빌드를 해도 계속 위와 같은 에러가 나고 있습니다. ㅠㅠ해결 방법이 있을까요?
-
해결됨아바타 커뮤니티앱 만들기 (React Native Expo)
EAS 빌드 시, expo 53, react-native0.79, react18기반 라이브러리 의존성 충돌
개발환경 및 상황window, Node 22.14.0, react: ^19.0.0, react-native: 0.79.2, expo ^53.0.9 SDK 53으로 올리면서 react19이 강제 되어, react19를 사용하였습니다. 대부분의 라이브러리들이 react18을 기반으로 되어있어 의존성 충돌이 일어나, 강의에서 사용된 라이브러리는 --legacy-peer-deps로 설치하여 개발은 가능하였습니다. 문제라이브러리 사용까지는 상관없었는데, '[7-5] 개발빌드 실행 및 알림 수신하기'의 EAS 빌드를 위하여 eas build --profile development (--clear-cache) 를 사용하였는데 npm ci단계에서 peer dependecy충돌로 빌드가 실패하고있습니다. 에러 메세지expo build detailInstall dependenciesRunning "npm ci" in /home/expo/workingdir/build directory npm warn ERESOLVE overriding peer dependency npm warn While resolving: @react-native/virtualized-lists@0.79.2 npm warn Found: @types/react@18.3.21 npm warn node_modules/@types/react npm warn dev @types/react@"~18.3.12" from the root project npm warn 4 more (@radix-ui/react-compose-refs, @radix-ui/react-slot, ...) npm warn npm warn Could not resolve dependency: npm warn peerOptional @types/react@"^19.0.0" from @react-native/virtualized-lists@0.79.2 npm warn node_modules/@react-native/virtualized-lists npm warn @react-native/virtualized-lists@"0.79.2" from react-native@0.79.2 npm warn node_modules/react-native npm warn npm warn Conflicting peer dependency: @types/react@19.1.8 npm warn node_modules/@types/react npm warn peerOptional @types/react@"^19.0.0" from @react-native/virtualized-lists@0.79.2 npm warn node_modules/@react-native/virtualized-lists npm warn @react-native/virtualized-lists@"0.79.2" from react-native@0.79.2 npm warn node_modules/react-native npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: react-native@0.79.2 npm error Found: @types/react@18.3.21 npm error node_modules/@types/react npm error dev @types/react@"~18.3.12" from the root project npm error peerOptional @types/react@"*" from @radix-ui/react-compose-refs@1.1.2 npm error node_modules/@radix-ui/react-compose-refs npm error @radix-ui/react-compose-refs@"1.1.2" from @radix-ui/react-slot@1.2.0 npm error node_modules/@radix-ui/react-slot npm error @radix-ui/react-slot@"1.2.0" from expo-router@5.0.7 npm error node_modules/expo-router npm error expo-router@"~5.0.7" from the root project npm error 3 more (@radix-ui/react-slot, ...) npm error npm error Could not resolve dependency: npm error peerOptional @types/react@"^19.0.0" from react-native@0.79.2 npm error node_modules/react-native npm error react-native@"0.79.2" from the root project npm error peer react-native@"*" from @expo/metro-runtime@5.0.4 npm error node_modules/@expo/metro-runtime npm error peerOptional @expo/metro-runtime@"*" from expo@53.0.9 npm error node_modules/expo npm error expo@"^53.0.9" from the root project npm error 25 more (expo-application, expo-asset, expo-blur, expo-constants, ...) npm error 1 more (expo-router) npm error 30 more (@expo/vector-icons, @react-native/virtualized-lists, ...) npm error npm error Conflicting peer dependency: @types/react@19.1.8 npm error node_modules/@types/react npm error peerOptional @types/react@"^19.0.0" from react-native@0.79.2 npm error node_modules/react-native npm error react-native@"0.79.2" from the root project npm error peer react-native@"*" from @expo/metro-runtime@5.0.4 npm error node_modules/@expo/metro-runtime npm error peerOptional @expo/metro-runtime@"*" from expo@53.0.9 npm error node_modules/expo npm error expo@"^53.0.9" from the root project npm error 25 more (expo-application, expo-asset, expo-blur, expo-constants, ...) npm error 1 more (expo-router) npm error 30 more (@expo/vector-icons, @react-native/virtualized-lists, ...) npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error /home/expo/.npm/_logs/2025-06-23T04_14_21_012Z-eresolve-report.txt npm error A complete log of this run can be found in: /home/expo/.npm/_logs/2025-06-23T04_14_21_012Z-debug-0.log npm ci exited with non-zero code: 1 시도 했던 방법 npm ci 우회npm ci 를 우회하기 위하여 pacakge.json에 npm install --legacy-peer-deps 로 우회하는 쉘스크립트도 사용해봤는데, (chmod 로 권한 설정 & LF 줄바꿈) permission denied 로 빌드되지 않았습니다. "scripts": {"start": "expo start","eas-build-pre-install": ".eas/build/pre-install.sh", .eos/build/pre-install.sh ,...}https://github.com/miloe2/rn-practice/commit/16f0c2448cd138eb63ab7385dea3b7c0d89b50e9 라이브러리 업데이트 타입만 우선적으로 업데이트하였는데( types/@react18.3.12 => 19.1.8, ) 그 외에도 react19가 지원하지 않는 다른 라이브러리들 (react-test-render 등)이 있어서 실패. ❗질문 작성시 꼭 참고해주세요에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다.질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github을 첨부해주세요.개발중인 OS, ReactNative, Node 버전 등의 개발환경을 알려주셔야합니다.에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다.에러 잘라서 올리시면 안됩니다!(에러 일부만 자르거나 일부만 복사하지말아주세요)
-
해결됨웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크
typescript를 사용하는 이유
강의에서 Typescript를 사용하고 있는데, 정작타입은 제대로 안 잡고 넘어가는 경우가 많네요수강생 타겟이 초보라고 되어 있지만, 타입 에러가 방치돼 있어서 따라가기가 더 어려운 느낌이에요오히려 타입을 명확히 잡고 넘어갔으면 더 수월하게 진행됐을 것 같다는 생각이 드네요
-
미해결React Native with Expo: 제로초에게 제대로 배우기
이 코드는 왜 있는건가요?
import {Add commentMore actions 맨위에 이 코드가 있는데 이게 왜있는건가요?
-
미해결React Native with Expo: 제로초에게 제대로 배우기
빌드후 오류
현재 맥에서 expo eas에 빌드하는것 까지 성공하고 orbit에서 시뮬레이터 실행되고 앱설치하고 접속까지는 되었는데 오류가 나옵니다 .