묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결맛집 지도앱 만들기 (React Native & NestJS)
Android 환경 build error 관련 질문 드립니다.
❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.IOS는 빌드가 잘 이뤄지지만 AOS에서 빌드 에러가 발생합니다. react-native-reanimated 설치 이후 gradle이 문제인 것으로 보여져여러 시도를 해봤는데 해결이 되지 않아 질문드립니다. 1. 개발 환경 정보Mac M1 Pro 사용. npx react-native doctor 명령어 실행 시 에러 발생 없음. 2. 프로젝트 버전 정보Android gradle plugin: 7.4.2Gradle: 8.0.1React-native: 0.72.17react-native-reanimated": "^3.15.0Node: 23.7.0Nvm: 0.40.1Ruby: 3.2.6java: openjdk 17.0.14 2025-01-21package.json{ "name": "pawpaw", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "lint": "eslint .", "start": "react-native start", "test": "jest" }, "dependencies": { "@react-native-masked-view/masked-view": "^0.3.2", "@react-navigation/drawer": "^6.7.2", "@react-navigation/native": "^6.1.18", "@react-navigation/stack": "^6.4.1", "react": "18.2.0", "react-native": "0.72.17", "react-native-gesture-handler": "^2.22.1", "react-native-reanimated": "^3.16.7", "react-native-safe-area-context": "^5.1.0", "react-native-screens": "^4.5.0" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/eslint-config": "^0.72.2", "@react-native/metro-config": "^0.72.12", "@tsconfig/react-native": "^3.0.0", "@types/react": "^18.0.24", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.2.1", "eslint": "^8.19.0", "jest": "^29.2.1", "metro-react-native-babel-preset": "^0.76.9", "prettier": "^2.4.1", "react-test-renderer": "18.2.0", "typescript": "4.8.4" }, "engines": { "node": ">=16" } } 3. zshrc 정보export PATH="/opt/homebrew/bin:$PATH" export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \\. "/opt/homebrew/opt/nvm/nvm.sh" # This loads nvm [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \\. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/platform-tools export PATH=$HOME/.rbenv/shims:$PATH eval "$(rbenv init - zsh)" 4.문제 해결을 위한 시도1)gradle.properties에 추가 속성을 설정android.disableAutomaticComponentCreation=true org.gradle.java.home=/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home2) react-native-reanimated 3.5.4 ,3.3.0버전과 3.16.7버전 설치 후 빌드를 시도해도 해결 X3) babel.config.js에 react-native-reanimated/plugin 추가 5.터미널에 발생한 에러 내용
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
AccessToken 만료시 홈화면 이동이 안되는거 같은데요?
❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.모든 강의를 듣고나서 이것저것 공부를 하던 중 실습에서도 AccessToken 만료 테스트를 하신적이 없는거같아서 서버단 .env 에서 JWT_ACCESS_TOKEN_EXPIRATION=1m요렇게 두고number.ts 소스에서도 ACCESS_TOKEN_REFRESH_TIME: 1000 * 60 * 1 - 1000 * 60 * 0.7,이렇게 바꾸어 1분만에 만료되게 해서 테스트 해보니만료는 되는데 만료된 후 이렇게 401 에러가 뜨면서 홈화면으로 넘어가지를 않네요... 선생님 전체소스를 받아서 테스트를 해보아도 마찬가지입니다..AccessToken 만료시 테스트가 이루어지지 않은 소스인건지.. 아니면 제가 누락한 부분이 있는걸까요?
-
미해결따라하며 배우는 리액트 네이티브 기초
수업외로 궁금한거 2
안녕하세요, 인프런 AI 인턴입니다.장우진님, 리액트 네이티브로 웹앱을 구현한 후에 구글 로그인 기능을 추가하고자 하신다면 파이어베이스를 통해 이 기능을 제공할 수 있습니다. 파이어베이스는 웹과 모바일 애플리케이션 모두를 지원하는 강력한 플랫폼입니다. 리액트 네이티브에서는 파이어베이스의 Authentication 모듈을 사용하여 쉽게 구글 로그인 기능을 구현할 수 있습니다.과정은 일반적으로 다음과 같습니다:1. 파이어베이스 콘솔에서 해당 프로젝트에 구글 로그인 기능을 활성화합니다.2. 리액트 네이티브 앱에 필요한 파이어베이스 SDK를 설치하고 구성합니다.3. 파이어베이스 Authentication 모듈을 사용하여 구글 로그인 기능을 구현합니다.구글 로그인 기능은 웹앱에서 구현 가능하며, 리액트 네이티브에도 동일하게 적용할 수 있다는 점에서 효율적인 개발이 가능합니다. 구체적인 코드 및 구현 방법은 다음의 문서를 참조해 보세요:- 파이어베이스 웹으로 구글 로그인 구현하기프로젝트의 구체적인 요구 사항에 따라 추가적인 설정이나 코드가 필요할 수도 있습니다. 따라서 더 자세한 구현 방법은 위의 공식 문서나 관련 블로그 글을 참고하시길 바랍니다.저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.이런 너의 대답은 알겠어!그런데 내가 궁금한거는 강의에서는 파이어베이스 프로젝트를 만들때 웹 애플리케이션으로 만들어서 진행했는데 구글 로그인 환경도 웹 애플리케이션으로 진행할 수 있는지 물어보는거야! 아니면 안드로이드 환경으로 프로젝트를 다시 만들어야해? reactnative야!
-
미해결따라하며 배우는 리액트 네이티브 기초
수업 외로 궁금한거!
우리는 파이어베이스 웹앱으로 연결해서 진행하는데구글 로그인 기능 추가하려면 웹앱으로 해도돼??
-
해결됨[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
하이브리드앱 강의는 언제쯤 올라올 예정인가요?
31일에 올라오지 않아서 궁금해 질문드립니다!
-
미해결따라하며 배우는 리액트 네이티브 기초
파이어베이스 버전 11 오류
파이어 베이스 11로 했을때똑같이 실행했을때 , getAuth를 인식을 못합니다. 찾아보니까 9버전부터 하나하나 import해야한다는데 맞나요?
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
AWS EC2+RDS+S3 배포하여 서버 백그라운드 실행질문
❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.강의를 전부 듣고나서 AWS에 EC2+RDS+S3 까지 셋팅하고EC2에 깃험 클론하여 소스 가져오고EC2 백그라운드에 서버를 상주시키고 싶은데 방법을잘모르겠습니다. 좀더 자세히 알려주실 수 있으실까요?현재는 matzip폴대내 front, server 소스를 EC2 에 가져온 상태이고요 우분투에서 npm run start dev 로 서버를 실행시켜서스마트폰에 실제 배포해서 해보니 EC2, RDS, S3 전부 잘연결되서 실행되는것은 확인했습니다. 그런데 npm run start dev로 실행하는거말고 ec2 서버에 백그라운드에 항상 서버를 동작시키고 싶은데 어떻게 해야할까요?도와주세요.
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
윈도우에서 Android를 실행하면 welcome 페이지 안 나오고 핸드폰 화면이 나오는데 혹시 이유를 아실까요?
"react": "18.3.1", "react-native": "0.77.0"
-
미해결맛집 지도앱 만들기 (React Native & NestJS)
에러가 나옵니다
말씀하신대로 ruby의 버전을 2.7.6 버전을 맞췄음에도 불구하고위와 같이 에러가 나와서 에러 해결시에 필요하다고 안내받은 sudo gem install cocoapods를 설치했는데 설치시에도 버전이 안맞다고 에러가 나와서그에 맞는 버전으로 설치했지만결국 위 와같은 에러가 나옵니다 많은 시간을 투자했지만 되고 있지않습니다. ㅠㅠㅠ
-
미해결맛집 지도앱 만들기 (React Native & NestJS)
react-native-gesture-handler 에러 해결 부탁드려요
-
미해결맛집 지도앱 만들기 (React Native & NestJS)
npx react-native@0.72.6 init MatzipApp --version 0.72.6 오류
npx react-native@0.72.6 init MatzipApp --version 0.72.6ruby 2.7.6 -> ruby 3.1.0시작이 안되고 있어요. 도와주세요.
-
미해결따라하며 배우는 리액트 네이티브 기초
마지막 9번째 Redux 관련 자료가 없어요
다른 학습들은 도표에 docs 가 연결되어있는데 마지막 redux 프로젝트는 빠져있어요.
-
해결됨맛집 지도앱 만들기 (React Native & NestJS)
6강 강의 듣는 중 FeedHomeHeaderLeft(navigation) 의 navigation 파라미터 넘기는 부분 에러발생
❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.다음의 코드에서 <Stack.Screen name={feedNavigations.FEED_HOME} component={FeedHomeScreen} options={({navigation}) => ({ headerTitle: '피드', headerLeft: () => FeedHomeHeaderLeft(navigation), })} /> FeedHomeHeaderLeft(navigation)부분에 navigation이 에러가 나는데에러는 다음과 같습니다.Argument of type 'StackNavigationProp<FeedStackParamList, "FeedHome", undefined>' is not assignable to parameter of type 'FeedHomeHeaderLeftProps'.Type 'Omit<NavigationHelpersCommon<FeedStackParamList, StackNavigationState<FeedStackParamList>>, "getParent"> & { ...; } & EventConsumer<...> & PrivateValueStore<...> & StackActionHelpers<...>' is missing the following properties from type 'Omit<Omit<NavigationHelpersCommon<FeedStackParamList, StackNavigationState<FeedStackParamList>>, "getParent"> & ... 9 more ... & { ...; }, "getParent" | ... 13 more ... | keyof EventConsumer<...>>': jumpTo, openDrawer, closeDrawer, toggleDrawerts(2345)(parameter) navigation: StackNavigationProp<FeedStackParamList, "FeedHome", undefined> FeedHomeHeaderLeft.tsx 에서 type FeedHomeHeaderLeftProps = CompositeNavigationProp< StackNavigationProp<FeedStackParamList>, DrawerNavigationProp<MainDrawerParamList> >; function FeedHomeHeaderLeft(navigation: FeedHomeHeaderLeftProps) { return ( <HeaderButton icon={<Ionicons name="menu" color={colors.BLACK} size={25} />} onPress={() => navigation.openDrawer()} /> ); } 요렇게 되어있는데 넘겨받는 파라미터랑 넘겨주는 쪽이 맞지않아서... 그런거 같은데.. 강의 6강 듣고있는 중이구요... 도저히 해결이 안되서 질문드립니다. 무엇이 잘못된걸까요?? 선생님 github 소스내려받아도 저는 navigation 저부분이 계속 빨간줄 쳐지면서 에러가 발생합니다.. 새해 복 많이 받으세요.
-
해결됨[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
npx expo start 오류건...
터미널에서 npx expo start 하면...아래의 오류가 납니다.휴대폰 화면은 뜨는데요.빨간색오류가 뜨면서 Welcome! 화면이 뜨질 않습니다.무엇일까요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
터미널 npm install -g create-react-app 작성 후 오류
터미널에서 npm install -g create-react-app 작성 후에아래와 같은 메세지가 뜹니다.이럴 경우 어떻게 해야 하나요??adminui-MacBook-Pro:grab-market-web admin$ npm install -g create-react-appnpm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.npm warn deprecated fstream-ignore@1.0.5: This package is no longer supported.npm warn deprecated uid-number@0.0.6: This package is no longer supported.npm warn deprecated rimraf@2.7.1: Rimraf versions prior to v4 are no longer supportednpm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supportednpm warn deprecated fstream@1.0.12: This package is no longer supported.npm warn deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.changed 64 packages in 968ms4 packages are looking for funding run npm fund for detailsadminui-MacBook-Pro:grab-market-web admin$
-
미해결맛집 지도앱 만들기 (React Native & NestJS)
iOS세팅 및 pod install오류
https://www.inflearn.com/community/questions/1500441/ios오류-pod-install오류 여기서 질문을 드렸던 학생입니다! 그때 강사님께 답변을 받고 시도해 보았으나 동일한 혹은 비슷한 오류들로 인해 여전히 ios설정을 하지 못하고있습니다 도와주시면 감사하겠습니다 .. ㅠㅠ arch -x86_64 pod install --repo-update는 인텔 맥에서 사용하는 명령어라해서 pod install --repo-update를 사용하였습니다. (m4 pro칩 맥북입니다.)하지만 동일하게 오류가 발생하였습니다..ㅠㅠpod install이 실행되지않아 xcworkspace 파일이 생기질 않아 그 이후로는 따라 진행을 하지 못했습니다. 저기 오류에 나와있는대로sha256 값도 오류 내용대로 바꿔보았고 동일하게 진행이 되지 않았습니다pod update 나 캐시 삭제 등 해볼수있는걸 다. 진행해 봣으나 계속 동일한 곳에서 동일한 에러만 발생하여 너무 막막합니다.해결방법이 없을까요?..아 그리고 그냥 만들어본 리엑트 네이티브 최신버전 파일에서는 ios빌드가 그냥 되긴했었습니다.하지만 강의 프로젝트는 이미 0.72.6버전으로 만들어 진행을 하고있고강의를 보며 졸업작품을 만들고있는 다른 프로그램 또한 동일한 0.72.6버전으로 만들고있어 해결이 되면 진짜 너무너무 감사하겠습니다.
-
미해결맛집 지도앱 만들기 (React Native & NestJS)
useAuth 401 error
일단 윈도우유저입니다. 코드는 강사님 코드 그대로라.. 뭐 보여드릴게없습니다. 3-8 듣고있습니다. 에러같은경우는 401에러 axios error입니다. 이상한게 onSuccess가 계속 실행이 안되는데 onSettled은 또 실행이되고.. 확인을해보니 백엔드에서 문제가 있는것같습니다.백엔드에서 확인을해보니 autoguard에 막히는것같아서 일단 지워보고 진행을햇는데도 id가없다고합니다 autoguard를 못뚫으니 토큰문제같기는한데.. 궁금합니다.
-
해결됨[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
명령 npx eas build --platform android --profile development 시 오류...
npx eas build --platform android --profile development위의 명령을 치면...장시간 build 작업후에 도스창 같은 것이 2개 뜨다가 오류가 납니다. 그래서 휴대폰 창이 뜨지 않습니다.어떤 상황 일까요?
-
미해결맛집 지도앱 만들기 (React Native & NestJS)
pdgadmin 이상해요
일단 만들지도 않은 postgresql 17서버가 자꾸생기구요. 만들떄 비밀번호 치명적오류가 나오는데 username을 또 안바꾸면 잘만들어집니다.이해가안되서요.. 그러면 앞으로도 계쏙 username을 못바꾸고써하는건지 일단 윈도우입니다.
-
미해결맛집 지도앱 만들기 (React Native & NestJS)
Stack.navigator오류가 있어요
똑같이 해도 어떨떄는 문제가 있다고 하고 어떨떄는 문제가없다고 하는데[{ "resource": "/c:/Porject/ReactNative/pr/acliet/src/app/stack/AuthStackNavigator.tsx", "owner": "typescript", "code": "2741", "severity": 8, "message": "Property 'id' is missing in type '{ children: Element[]; }' but required in type '{ id: undefined; }'.", "source": "ts", "startLineNumber": 17, "startColumn": 6, "endLineNumber": 17, "endColumn": 21, "relatedInformation": [ { "startLineNumber": 63, "startColumn": 5, "endLineNumber": 63, "endColumn": 7, "message": "'id' is declared here.", "resource": "/c:/Porject/ReactNative/pr/acliet/node_modules/@react-navigation/core/lib/typescript/module/src/types.d.ts" } ]}] 오류로 id가 없다고 하네요import React from 'react'; import {createStackNavigator} from '@react-navigation/stack'; import AuthHomeScreen from '../../pages/AuthHomeScreen'; import LoginHomeScreen from '../../pages/LoginHomeScreen'; import SignupHomeScreen from '../../pages/SignupHomeScreen'; import {authNavigator} from '../../config/AuthNavigator'; export type AuthStackParams = { [authNavigator.AUTH_HOME]: undefined; [authNavigator.LOGIN]: undefined; [authNavigator.SIGNUP]: undefined; }; const Stack = createStackNavigator<AuthStackParams>(); const AuthStackNavigator = () => { return ( <Stack.Navigator> <Stack.Screen name={authNavigator.AUTH_HOME} component={AuthHomeScreen} /> <Stack.Screen name={authNavigator.LOGIN} component={LoginHomeScreen} /> <Stack.Screen name={authNavigator.SIGNUP} component={SignupHomeScreen} /> </Stack.Navigator> ); }; export default AuthStackNavigator; 대한 정보가 없을경우 답변이 어렵습니다.