inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[03-01] 웹뷰 디버깅

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

해결된 질문

401

경이

작성한 질문수 2

0

안녕하세요 시뮬레이터 실습하고 있는 수강생입니다.

아래 사진처럼 시뮬레이터로 사파리에 접속하면 맥북의 사파리 인스펙터에서 시뮬레이터 속 웹을 인지하는데요,

image.png

 

엑스포 앱을 통해 웹뷰 내부의 웹은 읽지 못하는 것 같아요

image.png

따로 설정해야하는 것이 있을까요 ?

react react-native next.js expo

답변 3

0

노원두

안녕하세요! 경이님!

 

IOS 16.4버전 이상으로는 설정 옵션을 하나 켜주어야 하는 것 같아요!

image.png

 

다음과 같이 시도해 보세요!

image.png


0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

경이님, 웹뷰 내부의 웹을 사파리 인스펙터에서 인식하지 못하는 문제에 대해 문의 주셨군요. 웹뷰를 디버깅하기 위한 설정은 몇 가지 단계가 필요하며, 기본적으로 웹뷰는 일반 웹 페이지와 다르게 처리될 수 있습니다.

먼저, Expo와 함께 사용하는 웹뷰 디버깅 상황을 이해하기 위해서는 다음과 같은 사항들을 확인해 보세요:

  1. 웹뷰 디버깅 활성화: iOS 시뮬레이터에서 Safari 개발자 도구를 통해 디버깅하려면, iOS 버전에 맞춰 디버그를 활성화해야 합니다. 예를 들어, 사용 중인 iPhone 시뮬레이터 설정에서 ‘디버그 콘솔’이 제대로 설정되어 있는지 확인할 필요가 있습니다.

  2. HTTPS 사용: Safari의 개발자 도구는 보안을 위해 HTTPS 프로토콜을 사용하는 연결을 선호합니다. 웹뷰 내 URL이 HTTPS로 설정되어 있는지 확인하시기 바랍니다.

  3. Expo 설정 확인: Expo를 사용하고 계시다면, 웹뷰 옵션 및 앱 환경 설정을 확인해야 합니다. Expo 앱 설정에서 디버깅 모드가 활성화되어 있는지 확인해 보세요.

  4. 빌드 설정 체크: 빌드 설정에서 웹뷰에 디버깅을 허용하는 플래그나 설정이 있는지 확인하여야 합니다.

비슷한 문제에 대한 답변 및 사례는 인프런 커뮤니티에서 쉽게 찾아보실 수 있습니다. 관련 사례로 다음의 질문과 답변을 참고해 보세요:

이 링크는 React Native의 웹뷰 설정 및 문제 해결에 대한 자세한 설명을 제공합니다. 이러한 정보는 유사한 환경에서 발생할 수 있는 문제 해결에 도움이 될 수 있습니다.

문제가 해결되지 않는다면, 추가 정보를 제공해주시면 더 자세하게 도와드릴 수 있을 것 같습니다. 이러한 상황은 다양한 원인에 의해 발생할 수 있으므로 단계별로 점검해보시기를 권장드립니다.

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

0

경이

마찬가지로 qr 코드를 찍어 아이폰으로 확인해도 iPhone 13 에서 웹을 인지하지 못합니다.

노션 : 파트3번 링크와 권한 , 파트4번 권한요청, 파트 5번도 미리 요청 드립니다.

0

1

1

스킬, 플러그인, 마켓플레이스 관련 문의

0

14

2

클로드 코드 요금제 대신 사용량 기반 과금제를 사용하고 있습니다.

0

16

2

25강부터 소리만 나오고 화면이 안나옵니다.

0

17

1

useEffect와 lifecycle문의

0

15

1

cd 다음에 어떻게 자연스럽게 문자가 써지죠?

0

17

1

antigravity 대신 cursor를 활용해도 되나요?

0

18

1

클로드코드에 적용할 하네스? 툴? 추천 부탁드립니다.

0

21

1

node.js 설치 관련 질문 드립니다

0

14

1

14강 GIT 설치후 ~ config 명령어 입력이 안돼요

0

17

1

뉴스 검색 분류 한도초과

0

23

2

완성자료

0

13

2

161강 자료 파일 안에 내용이 없네요.

0

23

2

/ide 명령어 실행 오류

0

19

2

Next.js 사전렌더링 이해하기 부분

0

17

1

subagents에 관한 질문이 있습니다.

0

23

2

클로드 코드 설치가 되지 않습니다...

0

28

2

output sytles 모든 프로젝트 적용시 디렉토리가 헷갈립니다 ㅠㅠ

0

28

2

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

0

77

2

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

0

97

1

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

0

72

1

typescript를 사용하는 이유

0

100

2

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

0

86

2

iOS 가상키보드 대응

0

674

1