172만명의 커뮤니티!! 함께 토론해봐요.
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요 강사님! 알찬 수업 잘듣고 있습니다~ 다름이아닌 아직 typescript문법이 약해서 공부를 동행하며 수업을 진행중인데요 막히는부분이 하나씩 발생하여 문의드려요! 예를들어 하기 문법이 이해가안가면 어느 문서를 참고하는게 좋을까요? ㅠㅠ {...login.getTextInputProps('email')}
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
import axios from 'axios'; const axiosInstance = axios.create({ // 안드는 localhost:3000이 안먹힐 수 있기에 10.0.2.2로 테스트 baseURL: 'http://10.0.2.2:3030', withCredentials: true, }); export default axiosInstance; 이럴때 안드로이드는 제대로 동작하지만, ios는 다시 import axios from 'axios'; const axiosInstance = axios.create({ // 안드는 localhost:3000이 안먹힐 수 있기에 10.0.2.2로 테스트 baseURL: 'http://localhost:3030', withCredentials: true, }); export default axiosInstance; 이렇게 바꿔주어야 동작합니다. 이렇게 매번 바꿔서 체크하는게 맞을까요?
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
환경: Macbook Air M2 Sonoma VS-Code RN v0.74.1 Metro v0.80.8 문제: 아래 명령어로 라이브러리 설치 및 pod install 과정은 모두 완료한 상태입니다. $ yarn add react-native-encrypted-storage $ npx pod-install ios /frontend/utils/encryptStorage.ts 에서 EncryptStorage 라이브러리를 불러올 때 다음과 같은 경로로 불러와집니다. 자동완성 기준으로 불러왔으며, 라이브러리 삭제 후 재설치해도 현상은 같습니다. import EncryptedStorage from 'react-native-encrypted-storage/lib/typescript/EncryptedStorage'; 이 경로로 importing된 라이브러리를 파일 내에서 사용하면 정상적으로 메서드가 자동완성 됩니다. (따라서 코딩할 때에는 문제가 되는지 몰랐습니다) 이 코드를 바탕으로 앱 실행 시 react-native-encrypted-storage모듈을 불러올 수 없다는 오류가 발생합니다. error: Error: Unable to resolve module react-native-encrypted-storage/lib/typescript/EncryptedStorage from /Users/popo/Desktop/ClipProjects/frontend/src/utils/encryptStorage.ts: react-native-encrypted-storage/lib/typescript/EncryptedStorage could not be found within the project or in these directories: node_modules 1 | import EncryptedStorage from 'react-native-encrypted-storage/lib/typescript/EncryptedStorage'; | ^ 2 | 3 | const setEncryptedStorage = async <T>(key: string, value: T) => { 4 | await EncryptedStorage.setItem(key, JSON.stringify(value)); 해당 모듈 외 문제는 없는 상황 같습니다. 서버 연결 및 응답(로그인, 회원가입에 대해)은 잘 됩니다. 시도해본 것: import EncryptedStorage from 'react-native-encrypted-storage/lib/typescript/EncryptedStorage'; 를 import EncryptedStorage from 'react-native-encrypted-storage'; 로 바꿔 실행해봤는데, 컴파일 오류는 발생하지 않고 로그인 및 회원가입 시점에 eject가 발생합니다. 질문: 왜 이런 문제가 발생하는 것이며, 어떻게 해결할 수 있을까요?
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
forwardRef를 사용하는 정확한 이유에 대해서 알고싶습니다! 부모 컴포넌트에서 자식 컴포넌트로 ref를 전달하고 싶을때 사용하는게 맞을까요? ref는 자식으로 전달이 불가능한 prop이고 forwardRef를 사용해서, 두번쨰 인자로 ref를 전달하는것으로 이해했는데 혹시 맞을까요!! 조금 자세한 설명을 듣고 싶습니다!
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
createDrawerNavigator를 위로 빼주는 이유에 대해서 알고싶습니다. 왜 function 위로 올리는지 이유에 대해서 궁금합니다!! 공식문서에서 그렇게 나와있기 떄문인가요!?
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
프로젝트 재실행하면 되네요!! 참고하시길... npx react-native start --reset-cache
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
강의에 나오는것처럼 진행했을때 import {LatLng, MapMarkerProps} from 'react-native-maps'; declare module 'react-native-maps' { export interface MyMapMarkerProps extends MapMarkerProps { coordinate?: LatLng; } } 'MyMapMarkerProps' 인터페이스가 'MapMarkerProps' 인터페이스를 잘못 확장합니다. 'MyMapMarkerProps' 형식은 '{ anchor?: Point | undefined; calloutAnchor?: Point | undefined; calloutOffset?: Point | undefined; centerOffset?: Point | undefined; coordinate: LatLng; ... 22 more ...; zIndex?: number | undefined; }' 형식에 할당할 수 없습니다. 'coordinate' 속성의 형식이 호환되지 않습니다. 'LatLng | undefined' 형식은 'LatLng' 형식에 할당할 수 없습니다. 'undefined' 형식은 'LatLng' 형식에 할당할 수 없습니다.ts(2430) ⚠ Error (TS2430) | MyMapMarkerProps 인터페이스가 MapMarkerProps 인터페이스를 잘못 확장합니다. MyMapMarkerProps 형식은 { anchor?: Point | undefined; calloutAnchor?: Point | undefined; calloutOffset?: Point | undefined; centerOffset?: Point | undefined; coordinate: LatLng; ... 22 more ...; zIndex?: number | undefined; } 형식에 할당할 수 없습니다. 동일하게 ?을 넣을 수없는 에러가 생겨서 import {LatLng, MapMarkerProps} from 'react-native-maps'; declare module 'react-native-maps' { export interface MyMapMarkerProps extends Partial<MapMarkerProps> { coordinate?: LatLng; } } 우선 아래와 같이 처리해 보았습니다만 CustomMarker.tsx에서 MyMapMarkerProps를 못불러오는 문제가 있습니다.
미해결
따라하며 배우는 리액트 네이티브 기초
qr코드를 카메라로 찍어서 expo로 열면 다음과 같이 연결할 수 없다고 뜨는데 어떻게 해결할 수 있을까요?
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요 강사님 강의 내에서 구성한 Nested Navigation 구조를 참고하여 무신사(musinsa)와 같은 화면 구성을 시도해 보고 있는데 navigation 구조 설계가 생각보다 어려워서 질문 드립니다. 원하는 구조는 Bottom Tab에 따라서 Topbar Screen에 해당하는 부분에 장바구니와 알림 버튼이 들어가게 하고싶은데 아래와 같은 navigation 설계로 가능한지 질문드립니다. AuthStackNavigator AuthHomeScreen KakaoLoginScreen BottomTabNavigator HomeStack TopbarScreen HomeScreen StoreStack MypageStack ❗ 질문 작성시 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요!
미해결
리액트네이티브 블록체인 dapp 개발 시리즈4(기초입문)
안녕하세요, React Native CLI로 앱을 만들려고하는데, 자바 설정이나 Gradle 설정이 안되어 있어 에러가 납니다. 혹시 React Native CLI 설치를 위해 해야 할 필수 과정이 있을까요? JAVA_HOME 환경 변수 설정이나 JAVA 설치를 해야하나요?? EXPO CLI는 열리는데 React Native CLI는 열리지 않더라고요ㅜㅜ 앱 제작을 위해 React Native CLI가 필수라 도움 부탁드립니다!
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
강의 후반부에 백엔드를 공부하기 위해선 react-query처럼 선수지식이 있어야될까요?
미해결
배달앱 클론코딩 [with React Native]
FastImage의 source속성의 uri값으로 넣는 주소 API는 API.md 엔 나와있지 않던데 이것도 백엔드 서버로 GET요청을 보내는 것이고 그에 따라 백엔드 서버가 해당 요청이 왔을 때 이미지를 보내주는 API를 직접 구현해야 하는게 맞죠?
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
settings.json 을 검색하면 3가지가 뜹니다. user workspace default 이렇게 3가지 뜨는데, 제가 다 눌러보니 어떤건 영어문장이이 막 나오고, 어떤건 비어있는걸로 나오는데 user 로 하면 될까요?
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
맥북 m1으로 똑같이 설정을 했습니다. 그리고 npx react-native init MatzipApp으로 프로젝트를 실행하면 아래오 같은 메시지가 나옵니다. Downloading template ✔ Copying template ⠸ Processing template➤ YN0000: Retrieving https://repo.yarnpkg.com/3.6.4/packages/yarnpkg-cli/bin/yarn.js ⠙ Processing template➤ YN0000: Saving the new release in ../../../.yarn/releases/yarn-3.6.4.cjs ➤ YN0000: Done in 0s 666ms ⠼ Processing template➤ YN0000: Successfully set nodeLinker to 'node-modules' ✔ Processing template ⠸ Installing dependencieserror Installing pods failed. This doesn't affect project initialization and you can safely proceed. However, you will need to install pods manually when running iOS, follow additional steps in "Run instructions for iOS" section. ✖ Installing dependencies info 💡 To enable automatic CocoaPods installation when building for iOS you can create react-native.config.js with automaticPodsInstallation field. For more details, see https://github.com/react-native-community/cli/blob/main/docs/projects.md#projectiosautomaticpodsinstallation ✔ Initializing Git repository Run instructions for Android: • Have an Android emulator running (quickest way to get started), or a device connected. • cd "/Users/xxx/React-Project/React-Native/MatzipApp" && npx react-native run-android Run instructions for iOS: • cd "/Users/sss/React-Project/React-Native/MatzipApp/ios" • Install Cocoapods • bundle install # you need to run this only once in your project. • bundle exec pod install • cd .. • npx react-native run-ios - or - • Open MatzipApp/ios/MatzipAppcd .xcodeproj in Xcode or run "xed -b ios" • Hit the Run button Run instructions for macOS: • See https://aka.ms/ReactNativeGuideMacOS for the latest up-to-date instructions. 이런 메시지가 뜨고 npm run start로 실행을 하면 command not found메시지가 뜨면서 애뮬레이터도 실행이 안됩니다.ㅠㅠ
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요. 하단 탭 메뉴 중 즐겨찾기 탭으로 이동하여 FeedItem 선택 후 FeedDetail 화면으로 이동한 후 뒤로 가기를 누르면 즐겨찾기 탭 으로 가는게 아니라 FeedHome 탭으로 이동합니다. 즐겨찾기탭으로 돌아가게 하려면 어떻게 해야 될까요. ❗ 질문 작성시 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요!
미해결
배달앱 클론코딩 [with React Native]
안녕하세요. 프로젝트를 새로 만들 때 npx react-native MyProjectApp 으로 실행을 하면 아래와 같이 templatererror가 나옵니다. ⠦ Downloading templateerror Installing pods failed. This doesn't affect project initialization and you can safely proceed. However, you will need to install pods manually when running iOS, follow additional steps in "Run instructions for iOS" section. ✖ Downloading template info 💡 To enable automatic CocoaPods installation when building for iOS you can create react-native.config.js with automaticPodsInstallation field. For more details, see https://github.com/react-native-community/cli/blob/main/docs/projects.md#projectiosautomaticpodsinstallation Run instructions for Android: • Have an Android emulator running (quickest way to get started), or a device connected. • cd "/Users/xxx/React-Native/MyProjectApp" && npx react-native run-android Run instructions for iOS: • cd "/Users/xxx/React-Native/MyProjectApp/ios" • Install Cocoapods • bundle install # you need to run this only once in your project. • bundle exec pod install • cd .. • npx react-native run-ios - or - • Open MyProjectApp/ios/MyProjectApp.xcodeproj in Xcode or run "xed -b ios" • Hit the Run button Run instructions for macOS: • See https://aka.ms/ReactNativeGuideMacOS for the latest up-to-date instructions. 코코아팟도 설치가 되어있어서 pod --version 을 하면 1.15.2라고 버전이 나옵니다. 해당 프로젝트로 들어가서 npx pod-install을 실행하면 이상하게 MyProjectApp 과 같은 레벨의 경로에서 FoodDeliveryApp 이라는 폴더가 생성이 되고, 그 안에는 apps와 repos라는 폴더가 생성이 됩니다. 안에는 아무것도 내용이 없어요. 프로젝트를 만들고 xcode로 빌드하고, 클린하고, 안드로이드 스튜디오에서 열고 삭제하고 인텔리에서 프로젝트를 열고 지우고 하는것을 여러번 반복했었는데 파일들이 깨끗하게 지워지지 않아서 기존에 만들었던 프로젝트가 생성이 되는지는 모르겠네요.. 그리고 해당 경로로 들어가면 아무런 파일도 생성이 안되어 있습니다.
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요 친절한 강의에 정말 감사드립니다^^ ios앱 심사 정보 작성에 여쭤볼게 있는데요. 심사 과정에 통과하려면 backend 배포가 된 상태여야 심사가 가능하니, backend 배포가 선행돼야 하는건가요? 앱에 로그인할 수 있도록 사용자 이름 및 암호를 입력하십시오. 앱 심사를 완료하려면 로그인 정보가 필요합니다.
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요 강사님 강의 진행중에 아래와 같은 안내가 있는데 제공해주신 강의 깃헙 코드와 비교했을 때 아무리 찾아봐도 다른 코드가 보이질 않습니다 따로 에러는 발생하지 않는데 혹시 일종의 경고의 메세지 같은걸까요??
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요 강사님 2:05 진행 과정에서 저는 java가 아닌 Kotlin으로 되어있어서요 ChatGPT로 변경하는 요청을 했는데 아래와 같이 안내하고 있습니다 혹시 이대로 진행하면 될까요? override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(null) }
해결됨
맛집 지도앱 만들기 (React Native & NestJS)
안녕하세요 강사님 input에 입력을 하면 텍스트가 자꾸 사라지면서 로그에는 아래와 같이 오류가 발생하는데 혹시 해결방법을 알 수 있을까요...!?
