inflearn logo
강의

講義

知識共有

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

[01-07] ウェブビュー接続失敗

"인터넷 연결을 해주세요!" 라는 메세지가 순간적으로 보이는 문제

解決済みの質問

72

ibtg

投稿した質問数 6

0

작성하시 코드는 인터넷 연결이 정상적으로 되는 환경에서도 "인터넷 연결을 해주세요!" 라는 메세지가 보이게 되는 문제가 있는데, 실무에서는 어떻게 해결을 하시는지 궁금합니다.

react react-native next.js expo

回答 1

0

nwd09074926

안녕하세요! ibtg님!

수업에서 최초 렌더링시 isConnected가 false인 상태로 이미 한번 렌더링이 이루어지므로
"인터넷에 연결해 주세요" 라는 메시지가 나타나게 됩니다!
그리고 나서, useEffect가 실행되어 인터넷 연결 여부를 체크하여 해당 isConnected를 true로 변경하므로 "인터넷에 연결해 주세요" 라는 메시지가 사라지게 되겠죠!


실무에서는 다음과 같은 2가지 방법을 주로 사용합니다!
실제로 와이파이를 끄고 다른 앱들을 통해 실험해보면 좋겠죠?!

1. useEffect에서 인터넷 연결 여부를 체크하기 이전에 로딩화면을 일시적으로 띄워놓기

 
2. 최초 스플래시 화면에서 로딩시에 인터넷 연결 여부를 체크하는 방법 등을 사용해요!
(일반적으로, 최초 스플래시스크린은 인터넷 연결 여부에 상관없이 앱단이므로 항상 보여지게 됩니다!^^)

데스크톱IDE채팅창 VS 데스크톱IDE 터미널

0

8

1

안티그래비티 확장프로그램

0

7

1

디스코드 소통창구는 없어졌나요 ??

0

8

1

cd 명령어가 안들어요

0

9

1

클로드 데스크앱과의 차이

0

12

1

nmp run build의 기능

0

7

1

plan mode 개발 계획안 확인 불가

0

14

2

20번강좌에 대한 질문입니다.

0

7

1

명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이

0

11

1

max x5 플랜을 결제했습니다.

0

22

2

클로드 초기 설정

0

20

2

사용자 스코프 설정 파일 적용 문제

0

15

2

클로드코드 유료플랜 할인 방법이 있을까요?

0

33

1

API Error : 400 에러의 원인과 해결방법이 궁금합니다!!

0

26

2

퍼미션 권한 설정 문의

0

28

2

Next.js + Tanstack Query BFF 구조 질문

0

17

1

커서에서 shift+enter가 안됩니다.

0

26

2

mcp 설치를 못하겠어요

0

42

2

강의자료는 어디에 있나요?

0

77

2

웹 배포 시에 RN으로 만든 네비게이션은 어떻게 처리하나요?

0

97

1

typescript를 사용하는 이유

0

100

2

ios 배포관련 질문있습니다.

0

86

2

iOS 가상키보드 대응

0

685

1

인스펙터가 웹뷰 내부의 웹을 못잡습니다.

0

403

3