묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
'[5-0] 마커 표시하기' <Marker /> 컴포넌트 사용 시 Error 발생
1. '[4-5] GoogleMap 커스텀 스타일 적용하기' 강의까지 문제 없이 진행 후 '[5-0] 마커 표시하기' 강의로 넘어와서 <Marker />컴포넌트를 넣었을 때 발생한 문제입니다. 2. 강의를 따라서 MapHomeScreen.tsx 파일 내 Marker 관련 코드를 동일하게 적용.VScode에서 Error가 발생하지 않아 시뮬레이터를 실행시켰습니다. 3. 시뮬레이터 실행 시 해당 에러 발생.(ios, android 모두 동일한 에러가 지속적으로 나타났습니다.)* <Marker />를 주석처리하면 에러가 나타나지않고, 지도가 잘 나타납니다.react-native 버전과 react-native-maps 버전 문제 확인, npm uninstall react-native-mapsnpm install react-native-maps --save-exact npx pod-install ios등등 여러가지 시도해도 보았습니다.= 에러가 해결되지 않았습니다. 4. 강사님께서 제공해주시는 깃허브 코드 확인.https://github.com/InKyoJeong/Matzip/blob/lecture/5-0/front/src/screens/map/MapHomeScreen.tsx 제공된 코드 전체를 저의 MapHomeScreen.tsx 파일에 붙여넣기 후 VScode 내 Error없음을 확인. npm start --reset-cache로 다시 시뮬레이터 실행. = 해결안됨여전히 시뮬레이터에서 TypeError: this.getNativeComponent is not a function (it is undefined) 에러 발생.. 5. StackOverFlow검색 및 Google검색 결과..StackOverFlow에서는 해결사례를 찾을 수 없었습니다.Google 검색을 통해서도 명확한 해결사례를 찾을 수 없는 상황에서 아래와 같은 사이트에서 제시한 방법을 통해 에러가 더 이상 뜨지 않는 것을 확인하였습니다. 출처 : https://github.com/react-native-maps/react-native-maps/issues/4861 주석처리. 마커가 잘 뜨는 것을 확인. 6. Error가 해결된 것이 맞지만, 잘 못된 방법인 것 같아 질문드립니다.
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
프로젝트 생성시 error bundler: failed to load command: pod
안녕하세요 선생님 선생님의 cli 셋팅을 잘 따라라고마지막으로 프로젝트 생성을 위해 npx react-native@0.72.6 init AwesomeProject --version 0.72.6를 하였는데 설치도중 error bundler: failed to load command: pod 에러가나왔는데 구글링을해봐도 해결이되지 않아서요어떤문제가 있는걸까요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
이미지업로드 동작없음
안녕하세요 강사님제가 이미지 업로드 강의를 따라 구현하고 있는데요사진 추가 버튼을 클릭해도 아무런 액션이 일어나지 않는데혹시 그게 제 pc 가 노트북이 아니라 pc 라서 그런걸까요? 어디까지 접근하는지 보려고log 를 남겼는데 console.log('useImagePicker');로그가 찍히는데console.log('handleChange');해당 부분은 로그가 찍히지 않습니다.AddPostScreen.tsx 에서<ImageInput onChange={iamgePicker.handleChange} />이렇게 onChange 로 호출하는데 혹시 잘못된 부분이 있거나더 살펴봐야될 곳이 있을까요?function useImagePicker({initialImages = []}: ImagePickerProps) { console.log('useImagePicker'); const [imageUris, setImageUris] = useState(initialImages); const uploadImages = useMutateImages(); const addImageUris = (uris: string[]) => { setImageUris(prev => [...prev, ...uris.map(uri => ({uri}))]); }; const handleChange = () => { console.log('handleChange'); ImagePicker.openPicker({ mediaType: 'photo', multiple: true, includeBase64: true, maxFiles: 5, cropperChooseText: '완료', cropperCancelText: '취소', }) .then(images => { const formData = getFormDataImages(images); uploadImages.mutate(formData, { onSuccess: data => addImageUris(data), }); }) .catch(error => { if (error.code !== 'E_PICKER_CANCELLED') { //에러처리 } }); }; return {imageUris, handleChange}; } export default useImagePicker;
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
DrawNavigator 타입 추론
2-5강의 4분정도쯤에 createDrawerNavigator함수를 사용하면 강의에서는 타입을 잘 잡아주지만 저는 반환타입이 any로 잡힙니다. IDE를 껏다켜봐도 변함이없네요.. 뭐가 문제인걸까요?createDrawerNavigator함수: Drawer변수 타입:
-
해결됨기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
npx랑 yarn이랑 같이 써도 되나요?
프로젝트 세팅할때는 yarn을 쓰셨는데요.shadcn에서 avatar 설치할때는 npx을 쓰셔서요.같이 써도 문제가 없나요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
[5-7] 환경변수 설정하기 android는 되는데 ios는 안돼요 ㅜㅠ
환경변수만 설정이 필요해서 저부분 강의로 보고 따라했는데 android 환경변수를 잘 받아와요.그런데 강의에서도 ios는 따로 설정한 부분이 없어서 똑같이 재빌드만 했는데 undefined 나와요. 다른 곳에서 검색해보면 ios는 xcode 들어가서 추가 설정이 있는데 제가 무엇을 더 해야할까요?ex) https://velog.io/@chloedev/RN [RN] react-native-config 환경변수 사용하기 아니라면 제가 [5-7] 강의 부분 말고 다른 부분도 추가적으로 봐야 ios 환경변수를 적용할 수 있을까요?.evn 설정 android 터미널 ios 터미널
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
ios 캐시 삭제 방법 알 수 있을까요?
아래 방법을 진행하고 앱을 실행해도 앱이 사용자의 위치를 사용하도록 허용하시겠습니까? 라는 알림이 나오지를 않습니다.혹시 방법이 있을까요!? 방법 1.설정 -> 개발자 -> Xcode 프로젝트 빌드 파일 -> 2개 삭제 방법 2.npx react-native start --reset-cache 방법 3.yarn cache clean
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
[해결 방법] Specs satisfying the RNPermissions...
수정 1)Xcode -> IOS Deployment Target 변경 (12.0 -> 13.0) 수정 2)VSC -> Podfile -> 13버전으로 업! platform :ios, '13.0'
-
해결됨기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
article / section 태그에 관해
article 과 section tag 를 자주 사용하시는데, 혹시 어떤 기준으로 사용하시나요?
-
해결됨기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
카테고리 변경 시 이미지 로딩
카테고리 관련 강의를 수강 중입니다. 카테고리 변경 시 백그라운드 변경되는 부분이 있는데요해당 부분이 이미지 로딩(변경?)이 매우 늦게 되더라구요해당 부분 개선해보려면 어떤 것을 시도해보면 좋을까요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
ios 빌드 시간에 관하여
프로젝트 빌드 시, 안드로이드는 곧바로 시뮬레이터가 열리고 앱이 빌드되는데, iOS는 시뮬레이터가 열리고 시간이 한~~~~~참 지나야 앱이 빌드됩니다. 원래 이렇게 시간차이가 많이나나요? 안드로이드는 1분만에 되는것같던데 iOS는 거의 5분정도 걸리네요.. 참고로 코드는 아무것도 없고 프로젝트 초기화 시 입니다. m1 air 16GB, 512입니다.❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 잘라서 올리지 말아주세요.)
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
yarn start. 와 npx react-native run-ios 명령은 다른 건가요?
❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 잘라서 올리지 말아주세요.)[2-0] 강좌를 진행중에 있습니다.yarn start 를 실행하면 Welcome 화면이 나오는데..강사님이 실행한 것 처럼 npx react-native run-ios 를 실행하면 bundle error 가 나네요.
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
No bundle URL present 오류는 어떻게 처리해야 할까요?
❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 잘라서 올리지 말아주세요.)XCode 로 실행시켜보라는 강사님의 말대로 실행시켜 보았습니다.그런데 이런 오류가 나네요.. jsbundle file을 그냥 생성해주면 되나요? 어떻게 해야하는 걸까요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
이거 뭐 아무리 해도 ios 시작도 안되는군요..
❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 잘라서 올리지 말아주세요.)이거 뭐 이렇게 어려워서야...하라는 대로 해도 안되고 밀고 해도 안되고. ㅎㅎㅎㅎㅎㅎㅎ
-
미해결기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
next zustand 사용 시 문의
next zustand 세팅 시, provider 를 사용해야한다는 글이 있어서요.현재 강의처럼 이후에 서비스 개발 시 사용해도 이슈가 없는 부분일까요?https://zustand.docs.pmnd.rs/guides/nextjs#providing-the-storehttps://leonkong.cc/nextjs-zustand-
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
android codepush 관련 질문입니다.
안녕하세요, 강사님 제가 강사님 강의를 보고, CODEPUSH를 적용해보고자하는데,제가 만약에 .env에CODEPUSH_ANDROID_APP_SECRET=adsfasdfas이렇게 환경변수로 정의했다고 하면,appcenter-config.json 파일에서 이렇게 해도 인식이 될까요?```json{ "app_secret": "{CODEPUSH_ANDROID_APP_SECRET}" }```아니면, 이런 코드푸시 키는, 그냥 깃허브에 공개해도 상관없는지가 궁금합ㄴ디ㅏ!
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
[해결 완료] ios 실행 시 빌드 오류
안녕하세요 강사님안드로이드 버전 관련해서 해결 후에ios를 실행할 때 아래와 같이 오류가 발생합니다..ㅜㅜ제가 아무래도 이전에 아래와 같은 명령어를 실행했던게 문제가 되지 않았을까 추측이 됩니다..ㅠㅠ혹시 어떤 문제가 발생한걸까요.. yarn remove react-native-maps 실행yarn add react-native-maps@1.8.3 실행node_modules 디렉터리 삭제yarn 명령으로 패키지 설치npx pod-install ios 실행cd android 명령으로 android 디렉터리 이동rm -rf .gradle 실행./gradlew clean 실행npm run android, npm run ios 로 재빌드하여 실행 시도 1cd iosrm -rf Podsrm -rf Podfile.lockpod installXcode -> Product -> Clean build folder -> xcode 18버전 업그레이드시도 218버전 업그레이드 후에 발생하는 오류입니다..ㅠㅠ아래 블로그 내용을 보았지만 use_flipper라는 텍스트가 존재하지 않습니다..ㅠㅠhttps://positiveko-til.vercel.app/til/react-native/flipper-error.html
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
로그인 구현 에러 (nest 에러?)
안녕하세요 강사님수준높은 강의 정말 감사합니다. 회원가입, 로그인 구현중 에러가 나서 질문드립니다. 제가섹션4 인증 기능 구현하기[3-8] React Query 도입(2) - 로그인 연동하기구현중에 있습니다. 회원가입시 db 까지는 insert가 등록은 잘됩니다.select 해보니깐 user 테이블에 회원가입이 잘되었더라구요 하지만 로그인후 페이지 이동? 이되지가 않는데front 에서는 에러가 나지 않고 server 에서만 이렇게 에러가 나더라구요그래서 제가 uploads 폴더에 제대로 복사를 하지 않은줄 알았는데server 에서는 uploads 폴더가 없더라구요? 그래서 이게 front 에서 잡아야하는 문제인지server 에서 잡아야하는 문제인지 좀 헷갈리는데제가 혹시 server 설정중 빠트린부분이 있어서 에러가 나는걸까요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
갑자기 이런 오류 코드가 뜨는데 해결 좀 해주세요
(사진)
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
yarn start 한 후에 i 를 선택하면 멈춰버립니다.
❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 잘라서 올리지 말아주세요.)1-5 과정을 진행중에 있습니다.맥 M1 을 사용하고 있고npx react-native@0.72.6 init MatzipApp --version 0.72.6 로 생성했습니다. yarn start 한 후에 ios 를 실행하려면 simulator 가 나타난 후 세번째 이미지 마지막 커서에서 멈춰서 더 이상 작동하지 않습니다.cd ios rm -rf Pods rm -rf Podfile.lock pod install위 코드도 실행해봤고요.Derived Data 에 있는 해당 폴더도 삭제해 봤는데 잘 안되네요. ㅡㅡ;