inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

[01-07] 웹뷰 연결 실패

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

해결된 질문

72

ibtg

작성한 질문수 6

0

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

react react-native next.js expo

답변 1

0

노원두

안녕하세요! ibtg님!

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


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

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

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

노션 파일 권한

0

13

2

좋은 강의 자료 감사합니다.

0

14

2

PRD 생성 서브에이전트

0

10

1

유튜브 영상보고 강의 등록하였습니다.

0

17

2

클로드 코드 토큰 절약 공식 플러그인 4개

0

11

0

강의 내용 실습관

0

19

1

노션 파일 없음

0

18

3

Claude / 터미널 기본명령어

0

17

4

gitignore에 로컬 셋팅 반영 안됨 이슈

0

15

2

git 연동

0

17

1

한국투자 증권

0

28

2

52번 강의 질문입니다.

0

21

2

https://youtu.be/ziTLbsE9Cbc 유튜브 노션 링크 권한 부탁드립니다.

0

21

2

60강 .claude -> rules (memory)

0

23

1

Plan 모드 활성화 상태에서 해당 모드가 정상 동작 하지 않습니다.

0

20

1

풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문

0

22

2

prd-generator.md 서브에이전트 생성 오류

0

19

1

훅 내용 안뜸 오류

0

23

2

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

0

77

2

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

0

97

1

typescript를 사용하는 이유

0

100

2

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

0

86

2

iOS 가상키보드 대응

0

690

1

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

0

407

3