inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Tạo ứng dụng cộng đồng avatar (React Native Expo)

[4-4] Tạo API đăng nhập với SecureStore

Axios Network error...

151

yeongseo

1 câu hỏi đã được viết

0

질문 작성시 꼭 참고해주세요

(에러 일부만 자르거나 일부만 복사하지말아주세요)

 

image.pngimage.pngimage.pngimage.png

윈도우 컴에서 코드 실행시키고

아이폰에서 expo app으로 실습하고 있는데 db에도 들어가지 않습니다.

뭐가 문제인지 모르겠어요

react-native typescript expo react-hook-form react-query

Câu trả lời 2

0

Kyo

실기기에서는 baseurl다르게 해주셔야합니다. 4-4수업에서 질문주셨는데, 해당수업 뒷부분 보시면 됩니다.

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. yeongseo님께서 겪고 계신 Network Error 문제 해결을 위해 몇 가지 진단 포인트를 제안드리겠습니다.

1. Network Error 확인

Network Error는 보통 다음과 같은 원인에서 발생할 수 있습니다:
- API 주소 확인: axiosInstancebaseURL 설정이 올바른지 확인해 주세요. Windows에 로컬 서버를 실행하고 아이폰에서 접근 중이시라면, localhost 대신 실제 해당 PC의 IP 주소를 사용하는 것이 필요합니다.
- CORS 문제: 클라이언트에서 백엔드로 API 요청을 보낼 때 CORS 설정이 올바르게 되어 있는지 백엔드 서버의 설정을 확인해보세요. 특히 클라이언트와 서버가 다른 도메인이나 포트를 사용하는 경우 문제가 발생할 수 있습니다.

2. Expo와 네트워크 연결

  • Expo 설정: Expo에서는 localhost가 아닌 실제 IP 주소를 사용해야 합니다. 특히 iOS 기기에서 네트워크 요청 시, baseURLhttp://<your-ip-address>:3030로 설정해야 합니다.
  • 정확한 IP 주소 사용: 아이폰이 접속할 수 있도록 서버가 실행 중인 컴퓨터의 IP 주소(같은 네트워크 내)를 사용해야 합니다. ipconfig 명령어로 IP 주소를 확인하실 수 있습니다.

3. Axios 설정 확인

  • 플랫폼 기반 URL 설정: axios 인스턴스를 설정할 때 문제가 없는지 확인합니다. Platform.OS를 이용하여 올바른 환경에 맞는 URL을 적용해야 합니다.

4. 백엔드 상태 및 로그 확인

서버가 정상적으로 실행되고 있는지 확인하고, 네트워크 요청이 서버에 도달하지 않는 경우 백엔드 로그를 확인하여 요청이 들어오는지, 어떤 오류가 발생하는지를 파악해야 합니다. 이미지에서 보신 것처럼 [Nest] 로그가 서버에 찍히고 있는지 확인하세요.

관련 유사 질문 및 답변 링크

위의 방법을 통해 문제의 원인을 찾아가시는 것이 좋습니다. 문제 해결 후, 이후 발생할 수도 있는 다른 네트워크 관련 에러에 대한 대비도 하실 수 있을 겁니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

secureTextEntry 설정에 관해

0

58

2

expo 55 tabs 사라짐 이슈

0

82

2

백엔드도 궁금합니다!

1

85

1

댓글 버튼 하단에 고정되지 않는 이슈

0

53

1

SafeAreaView 적용 기준 문의

0

81

2

스크린 옵션 아이콘

0

55

2

[Note] 안드로이드 네비게이션 헤더 이슈 안내

0

65

2

ActionSheet

0

86

1

안드로이드 폰과 PC에서 테스트할때 화면 안보임과 오류 문의

0

99

1

iOS 빌드 후 실기기에서 앱 시작

1

70

1

[5-2] 글 목록 무한스크롤 구현하기 with InfiniteQuery 10:40/ useScrollTop(ref) 사용관련

0

84

2

클라이언트 사이드에서 세션 관련 질문

0

81

2

Android 에뮬레이터 환경설정 및 실행 (for Mac) 에러 문의

0

112

1

[5-13] useLikePost 쿼리 구현 중 Tanstack Query 관련 질문

0

63

1

Expo 54 버전 ios에서 headerLeft

1

139

2

어플 개발 후 배포 시에 주의할 사항이 있을까요?

0

78

1

코드 수정 시 ios 시뮬레이터에서 자동반영이 안 되는데 왜그럴까요?

0

92

1

텍스트가 다 상단위로 올라가있는데 어떻게 해야할까요?

0

78

2

강의는 52버전인데 expo가 현재 54버전이에요

0

308

1

[TIP] SafeAreaView 사용할 때마다 자꾸 ios에서 위아래가 빵꾸 나시는 분들 필독

0

235

2

키보드 이슈 관련 해결 질문

0

74

1

android header를 ios처럼 바꾸기

0

70

1

CustomButton 코드 버튼 관련 질문

0

66

1

ios 시뮬로 보다가 android 시뮬로 넘어갈려니깐 오류가 생겨요

0

106

2