inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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

해결됨

맛집 지도앱 만들기 (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 조회수 848

[해결 완료] 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 조회수 617

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

엔티티가 중첩되는 경우 질문있습니다!

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

안녕하세요 강의 보면서 게시판 성격의 서비스를 만들던 중에 궁금증이 생겼습니다. 두 가지 방법이 있는데, 제가 취준생이라 실제 서비스 코드들을 본 적이 없어서 어떤 방법이 조금 더 현명한 방법인지 궁금합니다! Jpa 사용법처럼 게시글과 댓글을 맵핑하는 방법입니다. 댓글에 게시글의 키만 가지는 방법입니다. 1번 코드는 대략적으로 이런 형태일 것 같습니다. @Entity public class Article{ @Id @GeneratedValue(strategy = Identity) long id; String content; } @Entity public class Comment{ @Id @GeneratedValue(strategy = Identity) long id; String comment; @ManyToOne(fetch = FetchType.LAZY) Article article; } 1번 코드의 경우에는 배울 때는 맵핑도 깔끔하게 잘 되고 좋았는데, 실제 개발을 하다 보니 댓글만 사용하는 경우에 있어서 Article의 내용은 전혀 필요가 없는 경우도 많을 것 같습니다. 또한 게시글의 댓글들을 조회 할 때, 같은 Article 내용들이 반복해서 들어 있다는 점이 마음에 걸립니다.(Lazy 하게 가져와서 문제가 없을것 같기도 하고 이 부분은 확실하지 않습니다.) 2번 코드는 게시글의 키만 가지는 경우입니다. @Entity public class Article{ @Id @GeneratedValue(strategy = Identity) long id; String content; } @Entity public class Comment{ @Id @GeneratedValue(strategy = Identity) long id; String comment; long articleId; } 2번의 경우에는 불필요한 정보를 담지 않고 필요한 경우에는 Id값으로 찾아서 가져올 수 있습니다. 하지만 article 과 Comment를 각각 따로 관리하는 형태가 됩니다.(사실 1번 코드도 따로 관리는 가능할 것 같습니다) 간단한 경우에는 1번이 좋은 것 같은데 컴포지션 되는 객체들이 많은 경우에는 그 자체로 정말 생각해야 되는 경우가 많아 지는 것 같습니다.(Comment 안에 Article, User, 첨부 파일 Entity 등등이 복잡하게 들어갈 수 있을 것 같습니다 ) 네이버 카페와 같은 사이트들의 경우에서는 게시글과 댓글을 따로 관리하는 것 같기도 하고(작성 글 보기를 누르면 삭제된 게시글 이지만 댓글 내용은 볼 수 있는 경우입니다) 실제로는 어떤 방식으로 풀어 가는지 궁금합니다!

  • java
  • jpa
lee 댓글 1 좋아요 0 조회수 254

Android Setting

해결됨

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

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

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

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 조회수 2549

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

해결됨

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

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

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

카카오 로그인 관련 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 조회수 848

현직 백엔드 개발자입니다

해결됨

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

항상 백엔드 관련 인강만 구매했었는데 취미가 필요해서 구매한 첫 프론트 인강입니다. 벌써부터 신나네요 답변 빠르다는 소문 듣고 왔습니다 잘부탁드릴게요

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

ios. 재빌드후 icon 문제

해결됨

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

빌드 에러가 나서 cd ios rm -rf Podfile.lock Pods cd .. npx pod-install ios 처리후 다시 yarn ios 로 실행을 했는데요 그이후 a 로 안드로이드도실행했구요 이후에 ios 에서 icon이 나오지않는 문제가 생겼습니다. 그전에는 정상적으로 icon이 나왔었거든요 ios info.plist에도 해당 ttf 다 잘 들어있고 재빌드전까진 icon이 잘 나왔는데 어디를 살펴봐야할지 조언을 구합니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
매력적인홍홍홍 댓글 1 좋아요 1 조회수 253

yarn start 문제

해결됨

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

안녕하세요 강사님 강의 잘 듣고 있습니다. 다름이 아니라 yarn start + i 를 누르면 xcode가 자동 실행돼서 에뮬레이터가 잘 보이지만 yarn start + a를 실행하면 이미지와 같은 에러가 발생하네요. 안드로이드 스튜디오를 실행하고 device manager에서 device run 하면 에러가 발생하진 않아요. 하지만 수동으로 계속 켜야하는 번거로움이 있네요..ㅠ 안드로이드 스튜디오도 xcode처럼 yarn start + a를 하면 자동으로 실행될 수 있도록 하는 방법이 있을까요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
bottlewook 댓글 1 좋아요 1 조회수 349

소스코드 파일 질문

해결됨

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

안녕하세요. 강의에 쓰시는 이미지 파일 등을 가져오기 위해 소스코드 수업 자료를 다운받았는데 서버쪽 파일만 있는것 같습니다. 프론트엔드쪽 소스나 assets폴더에 있는 파일을 다운받으려면 어떻게 해야하는지 말씀 주시면 감사하겠습니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
배수민 댓글 1 좋아요 1 조회수 237

인기 태그

인프런 TOP Writers

주간 인기글