inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

프로젝트 생성시 원하는 도매인으로 변경하는것고, 안드로이드를 자바로 시작할려면 어떻게 해야할까요?

미해결

배달앱 클론코딩 [with React Native]

강의를 보면서 Git 자료를 함께 참조해서 학습중입니다. README 파일을 보면 아래와 같이 프로젝트를 생성하게 되는데 npx react-native init FoodDeliveryApp 안드로이드의 경로를 보면 android > app > src > main > java 하위 경로를 보면 com.fooddeliveryapp 이라고 생성이 되는데 만약 회사의 도메인으로 생성을 원할경우 mycompany.co.kr 로 생성을 할려면 어떤식으로 생성을 해야하는지 문의드립니다. 아니면 npx react-native init mycompany로 프로젝트를 생성한 후에 위의 안드로이드 경로를 com에서 co.kr 로 변경해서 kr.co .mycompany 로 프로젝트 경로를 임의로 변경을 해도 문제가 없을까요? 검색을 해서 정리를 해 본 내용으로는 1. npx react-native init mycompany로 프로젝트를 만들고 2. android에서 java 하위의 구조를 kr.co .mycompany로 변경 3. 하위 파일의 소스중 패키지 경로를 kr.co .mycompany로 변경 4. android/app안의 build.gradle 부분의 namespace와 applicationId를 변경. 5. 터미널로 android 경로 안으로 들어가서 ./gradlew clean 6. iOS의 경우에는 Xcode의 General부분에서 Bundle Identifier 부분 변경 이렇게 하면 된다고 하는데 혹시 잘못된 부분이나 빠진 부분이 있을까요??(안드로이드는 변경할 파일들이 좀 있는데 iOS는 간단하네요) 참.. 그리고 하나 더 궁금한게 npx react-native init FoodDeliveryApp으로 프로젝트를 만들면 기본적으로 안드로이드는 코틀린 프로그램으로 되던데 이것을 자바로 만드는 방법이 따로 있을까요?

  • react-native
인프러너 댓글 2 좋아요 0 조회수 269

시뮬레이터가 안열립니다.

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

ios는 저 상태로 무반응이구요. 안드로이드는 이런에러가 나는데 다른분 질문 참고해서 안드 시뮬레이터를 켜고 하면 되긴하는데 미리 시뮬레이터를 켜지 않은 상태에서는 저런 에러가 나네요 특이사항은 예전에 혼자 expo로 간단하게 ios, android 시뮬레이터연결 해본적 있었습니다. 방금도 expo 프로젝트에서는 ios랑 android 시뮬레이터 잘 오픈되구요 혹시 몰라 구글링해서 xcode 캐시삭제해보라해서 삭제한 상태구요 "react-native": "0.72.6" "node": v20.10.0 nvm:0.39.7 watchman : 2024.04.22.00 ruby : ruby 2.7.6p219 (2022-04-12 revision c9c2245c0a) [arm64-darwin23] xcode: 15.3

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
supremgy 댓글 2 좋아요 1 조회수 912

시뮬레이터가 작동하지 않아요ㅠ

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

상황: 1-5 강의 듣는중이고, ruby 2.7.6 까지 세팅 하였습니다. (과정에 조금 문제가 있었지만 성공); npx ~ --version 0.72.6 에러 없이 성공 그 후 npm run ios >> 시뮬레이터 뜸 >> 앱 실행 안됨 에러 내용이 너무 많아 처음과 끝만 올렸어요ㅠ info Found Xcode workspace "MatdoriApp.xcworkspace" info Found booted iPhone SE (3rd generation) info Launching iPhone SE (3rd generation) info Building (using "xcodebuild -workspace MatdoriApp.xcworkspace -configuration Debug -scheme MatdoriApp -destination id=CBBF6748-CE87-48B0-B69A-") info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor . . . error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening MatdoriApp.xcworkspace. Command line invocation: /Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -workspace MatdoriApp.xcworkspace -configuration Debug -scheme MatdoriApp -destination id=CBBF6748-CE87-48B0-B69A-14A62A514208 User defaults from command line: IDEPackageSupportUseBuiltinSCM = YES Prepare packages warning: Run script build phase 'Start Packager' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatdoriApp' from project 'MatdoriApp') warning: Run script build phase 'Bundle React Native code and images' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatdoriApp' from project 'MatdoriApp') --- xcodebuild: WARNING: Using the first of multiple matching destinations: { platform:iOS Simulator, id:CBBF6748-CE87-48B0-B69A-, OS:17.4, name:iPhone SE (3rd generation) } { platform:iOS Simulator, id:CBBF6748-CE87-48B0-B69A-, OS:17.4, name:iPhone SE (3rd generation) } ** BUILD FAILED ** The following build commands failed: CompileC /Users/ajrfyd/Library/Developer/Xcode/DerivedData/MatdoriApp-dzlyrdyzrnadjbcljrudendrtkwk/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FlipperPlatformWebSocket.o /Users/ajrfyd/Desktop/practice/inflearn/MatdoriApp/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm normal arm64 objective-c++ com.apple.compilers.llvm.clang.1_0.compiler (in target 'FlipperKit' from project 'Pods') (1 failure) 환경: OS: macOS 14.4.1 CPU: (8) arm64 Apple M1 Node: 18.16.0 Yarn: 1.22.22 npm: 9.5.1 Watchman: 2024.04.15.00 CocoaPods: 1.15.2 iOS SDK: Platforms: - DriverKit 23.4 - iOS 17.4 - macOS 14.4 - tvOS 17.4 Android SDK: Not Found // 이건 왜 그런지 몰겠음... 강의 따라 설치 되어 있는데..ㅠ Android Studio: 2022.1 AI-221.6008.13.2211.9619390 Xcode: 15.3/15E204a Java: 17.0.11 Ruby: 2.7.6 npmPackages: "@react-native-community/cli": Not Found react: 18.2.0 react-native: 0.72.6 react-native-macos: Not Found npmGlobalPackages: "*react-native*": Not Found Android: hermesEnabled: true newArchEnabled: false iOS: hermesEnabled: true newArchEnabled: false 에러 내용으로 아무리 검색 해 봐도 답이 없네요ㅠ 도와 주실 수 있을까요?? 참고로 예전에 리엑트 네이티브, 엑스포 프로젝트 좀 했었고, 이번에 한번 다시 듣고파 결제 했습니다 . xcode 버전 지원안된다 하여 최신으로 깔고, watchman python에러 잡아서 다시 깔고, 루비 이슈 해결하고, 안드로이드 스튜디오는 딱히 다시 깔지 않아도 될것 같아 놔두고 설명해 주신 이미지 13이랑 32?? 등등 깔고, 공식문서에서 이미 깔린 react-native/cli는 지우는걸 추천해서 지우고 이정도 입니다 ..

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
ajrfyd 댓글 5 좋아요 1 조회수 4519

RN 자동완성 기능 질문

미해결

iOS/Android 앱 개발을 위한 실전 React Native - Basic

ActivityIndicator 같은 라이브러리를 import할때 자동완성 기능은 어떤 플러그인을 쓰신건가요? 저는 자동완성이 되는게 View, Text 컴포넌트말고는 없어서요.. RN용 플러그인을 따로 쓰신건가요?

  • react
  • react-native
  • es6
김동환 댓글 1 좋아요 0 조회수 335

자동 import 질문

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

안녕하세요 강사님 저는 import 할 때마다 아래 처럼 생성했더니 따로 import 줄이 생성이 됩니다 import { SafeAreaView } from './node_modules/react-native/types/index'; 혹시 강사님처럼 자동으로 아래 코드에 들어갈 수 있도록 하는 방법을 알 수 있을까요? import {SafeAreaView, Button, StyleSheet, Text, View} from 'react-native';

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 1 조회수 335

맥북이 없는데 어떻게 하나요?

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 맥없이 해도 되나요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
차정훈 댓글 1 좋아요 1 조회수 367

버전 업그레이드 관련

미해결

배달앱 클론코딩 [with React Native]

안녕하세요 RN 버전이 0.74.x 까지 나왔던데... 0.72.x 버전에서 업그레이드 하지않아도 문제가 없는지 문의드립니다. 고맙습니다.

  • react-native
김정숙 댓글 1 좋아요 0 조회수 240

pgadmin 서버생성 오류

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

서버 생성할때 말씀해주신대로 username password에 postgres를 입력하니 에러가 뜨네요.... 새로운 user 를 그전에 생성해는 과정이 필요하나요? 아님 설치할때 postgres라는 이름의 계정이 생성되던데 그걸 이용할까요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
조윤식 댓글 4 좋아요 1 조회수 882

시뮬레이터 기종이나 설정은 어떻게 진행해야할까요?

미해결

리액트네이티브 블록체인 dapp 개발 시리즈4(기초입문)

' 리액트 네이티브 설치3 expo ' 강의에서는 메인 화면에서 바로 시뮬레이터를 선택가능하게 보여지시는데 저는 메인 화면에서 그걸 발견할 수 없더라고요. 따로 검색해서 tool로 들어가서 시뮬레이터를 설치했는데 어떤 디바이스를 선택해야하는지 문의드립니다. 혹시 디바이스 사이즈도 많은 영향을 주는걸까요?? 그리고 수업 중간중간에 텀과 화면 멈춤이 있어서 어느 부분을 진행하고 있는지 알 수 없습니다..책이야기를 하시는 데 어디서 어떤 걸 봐야하는지 알 수 없어서요ㅜㅜ

  • react-native
  • dapp
  • 블록체인
bona3377 댓글 1 좋아요 0 조회수 402

readme

미해결

배달앱 클론코딩 [with React Native]

수업에서 보여주시는 리드미를 어디들어가야 하나요? 첫시작 으로 시작하는 거 입니다 ㅠㅠ 아래의주소로 https://github.com/ZeroCho/react-native-naver-map 들어가니 리드미가 달라서 어디 들어가야하는지 모르겠어요

  • react-native
세정 댓글 1 좋아요 0 조회수 230

Intel x86 Emulator Accelerator (HAXM installer) 설치가 불가능합니다.

미해결

리액트네이티브 블록체인 dapp 개발 시리즈4(기초입문)

' 리액트 네이티브 설치 안드로이드 ' 강의 중 1:57 에 보여지는 화면을 따라 설치하려고 하는데, 설치 에러 가 떠서 문의드립니다. Intel x86 Emulator Accelerator (HAXM installer) 를 설치하려고 하면 아래와 같은 메세지가 나옵니다. 메세지에 적힌 곳으로 가면 어떤 걸 다운받아야 할 지 모르겠더라구요,, 혹시 이 tool이 없더라도 괜찮을지 문의드립니다!! Running Intel ® HAXM installer Intel HAXM installation failed! For more details, please check the installation log: C:\Users\SSAFY\AppData\Local\Temp\haxm_install-20240423_1325.log Intel ® HAXM installation failed. To install Intel ® HAXM follow the instructions found at: https://github.com/intel/haxm/wiki/Installation-Instructions-on-Windows Done

  • react-native
  • dapp
  • 블록체인
bona3377 댓글 1 좋아요 0 조회수 819

[해결 완료] yarn start 안드로이드 실행 오류

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

AILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:installDebug'. > com.android .builder.testing.api.DeviceException: No connected devices! 실패: 예외로 인해 빌드가 실패했습니다. * 무엇이 잘못되었는지: ':app:installDebug' 작업 실행에 실패했습니다. > com.android .builder.testing.api.DeviceException: 연결된 장치가 없습니다! Android Studio 실행 More Actions -> Virtual Device Manager

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 1 조회수 845

[해결 완료] yarn start 아이폰 실행 오류

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

Unable to open 'package.json': Unable to read file '/package.json' (Error: Unable to resolve non-existing file '/package.json'). 'package.json'을 열 수 없습니다: '/package.json' 파일을 읽을 수 없습니다(오류: 존재하지 않는 파일 '/package.json'을 확인할 수 없습니다). error iOS devices or simulators not detected. Install simulators via Xcode or connect a physical iOS device 오류 iOS 장치 또는 시뮬레이터가 감지되지 않습니다. Xcode를 통해 시뮬레이터를 설치하거나 실제 iOS 장치를 연결하세요. Xcode 실행 -> Settings -> Platforms [GET] iOS 17.4 분명히....이전에...GET 했었는데...요상함...

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 2 조회수 615

npx react-native@0.72.6 init [name] 오류 [해결 방법]

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

error @react-native/gradle-plugin@0.74.81: The engine "node" is incompatible with this module. Expected version ">=18". Got "14.16.1" error Found incompatible module. 오류 @react-native/gradle-plugin@0.74.81: 엔진 "노드"가 이 모듈과 호환되지 않습니다. 예상 버전은 ">=18"입니다. "14.16.1"을 얻었습니다. 오류 호환되지 않는 모듈이 발견되었습니다. error Command failed with exit code 1: yarn add react-native@latest 오류 종료 코드 1로 인해 명령이 실패했습니다. Yarn add React-native@latest npm WARN deprecated @babel/plugin-proposal-optional-catch-binding@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-catch-binding instead. npm WARN은 더 이상 사용되지 않습니다 @babel/plugin-proposal-ional-catch-bind@7.18.6: 이 제안은 ECMAScript 표준에 병합되었으므로 이 플러그인은 더 이상 유지되지 않습니다. 대신 @babel/plugin-transform-ional-catch-bind를 사용하세요.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 0 좋아요 1 조회수 618

zshrc 파일 설정

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

강사님의 eval로 시작하는 전체적인 코드 요청드릴 수 있을까요? 제가 작성한 코드에서 모자란 부분이 있는 것 같습니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 1 조회수 268

Android Setting

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

Android API 34 라는 이름이 안보입니다 혹시 제가 체크박스한 것이랑 동일한걸까요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 2 좋아요 2 조회수 471

sudo gem install cocoapods 오류 [해결 방법]

미해결

맛집 지도앱 만들기 (React Native & NestJS)

[오류] ERROR: Error installing cocoapods: The last version of drb (>= 0) to support your Ruby & RubyGems was 2.0.6. Try installing it with gem install drb -v 2.0.6 and then running the current command again drb requires Ruby version >= 2.7.0. The current ruby version is 2.6.10.210. 오류: Cocoapod 설치 오류: Ruby 및 RubyGems를 지원하는 drb(>= 0)의 마지막 버전은 2.0.6입니다. gem install drb -v 2.0.6 으로 설치한 후 현재 명령을 다시 실행해 보세요. drb에는 Ruby 버전 >= 2.7.0이 필요합니다. 현재 루비 버전은 2.6.10.210입니다. [오류] ERROR: Error installing cocoapods: The last version of activesupport (>= 5.0, < 8) to support your Ruby & RubyGems was 6.1.7.7. Try installing it with gem install activesupport -v 6.1.7.7 and then running the current command again activesupport requires Ruby version >= 2.7.0. The current ruby version is 2.6.10.210. 오류: Cocoapod 설치 오류: Ruby & RubyGems를 지원하는 마지막 activesupport 버전(>= 5.0, < 8)은 6.1.7.7입니다. gem install activesupport -v 6.1.7.7 을 사용하여 설치한 후 현재 명령을 다시 실행해 보세요. activesupport에는 Ruby 버전 >= 2.7.0이 필요합니다. 현재 루비 버전은 2.6.10.210입니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 1 좋아요 1 조회수 2545

forward 수업에서 키보드가 보이지 않는 문제발생

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

inputField 에서 TextInput 안에 ref를 넣고 병합하면서 부터 키보드가 아예 나타나지 않고 있습니다. 로그인과 회원가입 화면 모두에서 키보드가 나타나지 않는것을 보니 input 여기 문제인것 같은데 오류를 못찾고 있네요. 확인 해주실수 있을까요? 감사합니다. https://github.com/happyssun/FoodsMap

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
suny_fun 댓글 2 좋아요 1 조회수 430

카카오 로그인 관련 Webview 질문드립니다.

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

안녕하세요. Webview 관련해서 다시 질문드립니다. import axios from 'axios'; import React, {useState} from 'react'; import { ActivityIndicator, Dimensions, Platform, StyleSheet, Text, View, } from 'react-native'; import {SafeAreaView} from 'react-native-safe-area-context'; import WebView, { WebViewMessageEvent, WebViewNavigation, } from 'react-native-webview'; import useAuth from '../../hooks/queries/useAuth'; import Config from 'react-native-config'; import {authNavigations, colors} from '../../constants'; import {AuthStackParamList} from '../../navigations/stack/AuthStackNavigator'; import {NativeStackScreenProps} from '@react-navigation/native-stack'; const REDIRECT_URI = `{배포된 SERVER의 REDIRECT URI}` type AuthHomeScreenProps = NativeStackScreenProps<AuthStackParamList>; function KakaoLoginScreen({navigation}: AuthHomeScreenProps) { const {kakoLoginMutation} = useAuth(); const [isLoading, setIsLoading] = useState(false); const [isChangeNavigate, setIsChangeNavigate] = useState(true); const handleOnMessage = (event: WebViewMessageEvent) => { if (event.nativeEvent.url.includes(`${REDIRECT_URI}?code=`)) { const code = event.nativeEvent.url.replace(`${REDIRECT_URI}?code=`, ''); requestToken(code); // navigation.navigate(authNavigations.MAINBOTTOMTABNAVIGATOR, {code}); navigation.navigate(authNavigations.MAINBOTTOMTABNAVIGATOR); } }; const requestToken = async (code: string) => { const response = await axios({ method: 'post', url: 'https://kauth.kakao.com/oauth/token', params: { grant_type: 'authorization_code', client_id: Config.KAKAO_REST_API_KEY, redirect_uri: REDIRECT_URI, code, }, }); console.log('response.data', response.data); kakoLoginMutation.mutate(response.data.access_token); }; // 로딩 처리 const handleNavigationChangeState = (event: WebViewNavigation) => { const isMatched = event.url.includes(`${REDIRECT_URI}?code=`); setIsLoading(isMatched); setIsChangeNavigate(event.loading); }; return ( <SafeAreaView style={styles.container}> {(isLoading || isChangeNavigate) && ( <View style={styles.kakaoLoadingContainer}> <ActivityIndicator size={'small'} color={colors.BLACK} /> </View> )} <WebView source={{ uri: `https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${Config.KAKAO_REST_API_KEY}&redirect_uri=${REDIRECT_URI}`, }} onMessage={handleOnMessage} injectedJavaScript={"window.ReactNativeWebView.postMessage('')"} onNavigationStationChange={handleNavigationChangeState} /> </SafeAreaView> ); } const styles = StyleSheet.create({ container: { flex: 1, }, kakaoLoadingContainer: { backgroundColor: colors.WHITE, height: Dimensions.get('window').height, alignItems: 'center', justifyContent: 'center', }, }); export default KakaoLoginScreen; 위와 같은 KakaologinScreen.tsx 코드에서 Webview 내의 source 부분에 RESTFULAPI_KEY 부분과 REDIRECT_URI를 넣고 강의에서처럼 카카오 로그인을 시도하였는데, 카카오 로그인 창이 뜨지 않고 계속 로딩 중인 상태입니다. 그래서 Webview 컴포넌트 source부분의 uri를 따로 때어서 웹 페이지에서 접속을 해보았는대로 아이디/비밀번호 입력창이 뜨지 않고 하얀색 공백창만 뜨는 상태입니다. 이와 같은 경우, 배보된 서버의 REDIRECT_URI의 문제인가요? 아니면 다른 부분에서 문제가 발생하는지 질문 드립니다. ❗ 질문 작성시 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요!

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
둥둥쓰 댓글 2 좋아요 1 조회수 699

code ~/.zshrc 오류

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

안녕하세요 강사님 진행 과정에 아래 2가지 문제가 있어서 문의드립니다 구글 검색해서 해결하려고 했는데 점점 더 꼬여가네요.. 명령어 실행 과정 이미지 첨부드립니다 감사합니다 1) code ~/.zshrc, code ~/.bash_profile 명령어 실행 시 오류 2) 터미널 재실행 시 python이 자동으로 실행되는 오류

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강프로그래머 댓글 2 좋아요 2 조회수 847

인기 태그

인프런 TOP Writers

주간 인기글