inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

미해결

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

❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. (에러 일부만 자르거나 일부만 복사하지말아주세요 ) [ios실행시] [안드로이드 실행시] 클로드에게 에러 물어보니 다시 재설치하라는 말만 나와서요 ;; 뭐가 문젠지 혹시 알수있을까요 ? node version : v24.8.0 ProductName: macOS ProductVersion: 15.7 BuildVersion: 24G222 Xcode 26.0 Build version 17A324

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
jeff 댓글 3 좋아요 0 조회수 180

사내에서 figma.com 업로드 안되나요?

미해결

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

❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. (에러 일부만 자르거나 일부만 복사하지말아주세요 ) 안녕하세요. 우면 R&D 사내 입니다. figma.com 에서 접속후 .fig 파일 import 가 진행되지 않습니다. 아마도 사내에서 파일 업로드를 막은 듯 한데요. 혹시 사외에서 교육 진행이 가능한가요? 감사합니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
박성범 댓글 1 좋아요 0 조회수 144

미션 예제코드

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

SECTION18 > 08-18(MISSION) > quiz.md 예제코드가 어디 있을까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
안채원 댓글 1 좋아요 0 조회수 99

미니 프로젝트는 언제쯤...

미해결

리액트 취준생을 위한 Zustand 실전 입문 가이드

미니 프로젝트 영상은 언제쯤 올라올까요..대략적이라도..

  • react
  • zustand
Lee HI 댓글 1 좋아요 3 조회수 145

260. 카카오 로그인 구현하기 - 2 에서 백엔드 시작시 경고 메시지

해결됨

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

[MONGOOSE] Warning: Duplicate schema index on {"email":1} found. This is often due to declaring an index using both "index: true" and "schema.index()". Please remove the duplicate index definition. 백엔드 시작 시 위와 같은 경고 메시지가 나옵니다. 작동은 문제가 없습니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
jyuvenia 댓글 3 좋아요 0 조회수 147

218. Post Browser 에서 처음 실행 시 CanceledError 발생

해결됨

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

useEffect(() => { const controller = new AbortController(); const fetchPosts = async () => { try { setIsLoading(true); const { data } = await axiosInstance.get( `/posts?_page=${currentPage}&_limit=${limit}&q=${encodeURIComponent(searchText)}`, { signal: controller.signal, }, ); setPosts(data); } catch (e) { console.log(e); if (e instanceof Error && e.name !== "CanceledError") { if (e.message.includes("timeout")) { setError("timeout 오류 발생"); } else { setError(e.message); } } } finally { if (!controller.signal.aborted) setIsLoading(false); } }; fetchPosts(); return () => { controller.abort(); }; }, [currentPage, limit, searchText]); 처음 실행 시(새로고침) console.log(e) 에서 CanceledError {message: 'canceled', name: 'CanceledError', code: 'ERR_CANCELED', config: {…}, request: XMLHttpRequest, …} 이렇게 무조건 잡히는데 왜 그럴 까요? 물론 프로그램 실행 에는 문제가 없습니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
jyuvenia 댓글 3 좋아요 0 조회수 134

혹시 배포 후 카카오로그인 하면 왜 404가 뜰까요

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

404 : NOT_FOUND Code: NOT_FOUND ID: kix1::bdzhw-1757478315191-5d49459abd35

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
mirage0720 댓글 2 좋아요 0 조회수 87

카카오로그인구현 -2

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

혹시 강의를 그대로 따라했는데 계속 리다이렉션중이 떠있는 이유를 어디서 찾아야할까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
댓글 3 좋아요 0 조회수 124

특정 범위 선택 및 일괄 변경

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

강의 중 혹시 특정 범위 선택 및 일괄 변경하는 윈도우환경에서 방법이 뭔지 알수있을까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
mirage0720 댓글 2 좋아요 0 조회수 67

AWS EC2 + RDS 설정

미해결

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

RDS 부분에서 vim .env 수정하면 된다는데, 어떻게 하라는 건지 이해가 안가요 .env 는 DB_HOST 만 수정해주면 되나요?? [Nest] 28937 - 2025. 09. 07. 오후 4:15:42 ERROR [TypeOrmModule] Unable to connect to the database. Retrying 에러도 발생하고 잇어요

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
gmobc 댓글 2 좋아요 0 조회수 140

줄바꿈 질문

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

혹시 강의에서처럼 프리티어설정이나 다른설정 다똑같은데 왜 계속 길게유지가 될까요 가독성이 너무 불편한데

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
mirage0720 댓글 3 좋아요 0 조회수 351

안드로이드 안켜집니다.

미해결

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

❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. 안녕하세요 강사님 강의를 따라서 실행해보고 있는데, 현재 ios는 시뮬레이터가 켜지지만, 안드로이드는 켜지지 않는 상황입니다. npx react-native doctor를 사용하여 뭐가 문제인지 확인했는데 해당 스크린샷처럼 나왔습니다 환경변수도 공식문서처럼 다 했습니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
abc2232002 댓글 2 좋아요 0 조회수 148

ios 배포 - Distribute App 에러

미해결

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

Distribute App 버튼 클릭 시, 다음과 같은 에러가 표시됩니다 Upload Symbols Failed The archive did not include a dSYM for the hermes.framework with the UUIDs 현재 React Native 버전으로 강의를 진행하다 보면 환경변수에서 Android 버전 관련 에러가 떠서, GitHub에서 pull 받아서 진행했는데 혹시 그게 원인일까요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
gmobc 댓글 1 좋아요 0 조회수 352

useState() 초기값에 대한 질문

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

안녕하세요. useState의 초기값으로 함수를 넣는 경우를 처음 접해서 질문드립니다. 제가 따로 찾아본 결과 useState() 초기값으로 값이 아닌 함수를 넣어주게되면 -> 리랜더링시에 값이 평가되지않고 -> 쓸때없이 uuid가 생성되지 않아서 강의(86강 5분대)와 같이 useState 초기값으로 함수를 넣어주신게 맞나요?? 그리고 이를 lazy-initialization이라 명명하는게 맞을까요?? 좋은 강의 감사드립니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
춘식이 댓글 2 좋아요 0 조회수 84

안드로이드에서 react-native-image-crop-picker의 설정 옵션에 대한 문제

해결됨

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

❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. (에러 일부만 자르거나 일부만 복사하지말아주세요 ) 안드로이드 환경에서 프로필 사진 수정 강의를 수강중에 계속 에러가 발생해서 진행하지 못했는데 제가 문제원인을 추론해봤습니다. 우선 문제가 발생한 부분은 AddLocationScreen에서는 여러가지 사진을 등록해도 괜찮지만 프로필 사진은 단 한장만 등록해야하기 때문에 useImagePicker 훅에 single과 multiple mode를 설정하는 과정에서 발생했습니다 . 강의의 모든 코드를 따라서 적고 프로필 수정을 하기위해 actionSheet에서 [앨범에서 사진선택]을 누르면 권한을 확인해 달라는 Toast오류 메시지가 발생했습니다. 하지만 AddLocation화면에서 이미 권한을 허용해 줬기 때문에 권한으로 인한 문제는 아니라 파악했고 useImagePicker 훅의 handleChangeImage 함수에서 에러 로그를 찍어본 결과 java.lang.IllegalArgumentException: Max items must be higher than 1 이러한 로그를 확인 할 수 있었습니다 . 그래서 추측한 결과는 강사님 코드에서 ImageCropPicker.openPicker({ mediaType: 'photo', multiple: true, includeBase64: true, maxFiles: mode === 'multiple' ? 5 : 1, }) 이 부분이 multiple은 true로 되어있지만, singlemode로 들어올 경우 maxFiles가 1로 설정되기 때문에 두 옵션이 충돌이 발생하는걸로 추측됩니다 . 그래서 저는 아래와 같이 일단 수정해서 문제를 해결했습니다. const handleChangeImage = () => { ImageCropPicker.openPicker({ mediaType: 'photo', multiple: mode === 'multiple', includeBase64: true, ...(mode === 'multiple' && { maxFiles: 5 }), }) .then(images => { const imageArray = Array.isArray(images) ? images : [images]; const formData = getFormDataImages('images', imageArray); uploadImages.mutate(formData, { onSuccess: data => mode === 'multiple' ? addImageUris(data) : replaceImageUri(data), onSettled: () => onSettled && onSettled(), }); }) .catch(error => { if (error.code !== 'E_PICKER_CANCELLED') { console.log('[error]', error); Toast.show({ type: 'error', text1: '권한을 허용했는지 확인해주세요.', position: 'bottom', }); } }); }; multiple옵션은 mode==='multiple' 코드를 통해 mode의 값에 따라 true / false로 주어지게 하였고 maxFiles 옵션또한 mode가 multiple인 경우에만 maxFiles:5라는 옵션이 주어지게 하였습니다. 아마 multiple옵션이 false로 주어지면 maxFiles가 자동으로 1로 설정되어서 발생하는 충돌문제 였던 것 같습니다. 강의 들으시는 분들에게 도움이 되었으면 합니다 .

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
김민서 댓글 0 좋아요 0 조회수 89

Post 상태 관리

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

서버로부터 받아오는 Posts를 <PostList/> 컴포넌트에서 상태로 관리하는데, 이것은 전역 상태로 관리하지 않는 이유가 있을까요? postStore에서 getTotalPages를 할때, 고정된 값 100을 사용했는데, 실제 서비스라면 어떻게 처리해야하나요? postStore에서 posts.length와 같은 전체 개수를 알아야할것같은데.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
정재웅 댓글 2 좋아요 0 조회수 50

[8-12] ios 연동 시, 라이브러리 버전 에러 질문

미해결

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

현재 기준 react-native-apple-authentication 버전을 2.4.1 로 설치하면 Gradle 에러가 발생합니다. 강의에서는 2.3.0 버전을 사용하는 것 같은데, 혹시 해당 버전이 강의에서 사용된 버전이 맞는지 궁금합니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
댓글 2 좋아요 0 조회수 142

tailwindcss 부분적용 문제

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

참 신기하게도 tailwindcss 공식문서에 나온대로 그대로~~~ 했는데 아이러니 하게도 <h2 className="text-8xl font-bold underline">hello world</h2> 해당 코드에서 font-bold랑 underlilne은 잘만 적용되는데 text-8xl만 적용이 안되네요 왜 이러는건지 전 이해가 안되네요 따로 styled-component에서 globalStyle을 적용해서 작업중이라서 예상은 되는데 어떻게 수정해도 답이 안보이네요

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
5647kr 댓글 2 좋아요 0 조회수 100

인기 태그

인프런 TOP Writers

주간 인기글