# webview

97개의 포스트
post-thumbnail

#21 WebView App 만들기 (feat. GoNative)

이제 진짜 최종장이다. 게시글을 처음부터 따라 온 사람이라면 혹시 우리 프로젝트의 목표가 무엇이었는지 기억 기억할 지 잘 모르겠다. >목표는 바로 어플을 만드는 것이었다. > 백엔드 서버와 프론트 서버를 배포하고, 프론트 주소를 사용해서 WebView App을 만드는

7일 전
·
0개의 댓글
·

error: RN | webview debug

react native webview 를 사용중webview 를 구성하는 웹에 문제 발생 시화면 자체가 안뜨는 이슈가 발생하면웹 화면에서 같은 상황을 맞이하기 전까지는 문제의 원인을 찾기 어렵다debug 를 할 수 있는 방안을 고려해봐야 함..

2023년 3월 13일
·
0개의 댓글
·

TIL: RN | WebView 통신 - postMessage/onMessage

React Native WebView 를 통해React Native와 WebView 에서 사용하는 웹의 통신을 구현할 수 있다WebView 를 통해 접근한 웹의 window 객체 내에 ReactNativeWebView 라는 속성이 추가된다React Native WebV

2023년 3월 7일
·
0개의 댓글
·

TIL: RN | WebView 하이브리드 앱 내부 login 유지

앱 전체를 웹뷰로 구현한 것이 아니라면각 페이지별 웹뷰로 가져오는 화면이 있기 때문에로그인 유지를 어떤 방식으로 할지 고민해야 한다서버에서 로그인 토큰을 보관하는 세션 인증방식을 사용하지 않는다면 복잡할 수 있다나는 jwt 토큰으로 구성된 서버에 대응을 해야했고고려한

2023년 3월 7일
·
0개의 댓글
·

TIL: RN | WebView 에서 스크롤 방지

React Native WebView 화면은 웹 브라우저를 모바일 내에서 띄우는 것이기 때문에하나의 인터넷 브라우저가 뜨는 것이라고 생각하면 된다WebView 내부 화면은 자동으로 스크롤을 갖는다앱 내부에서는 WebView 의 화면이 스크롤 되는 것이부자연스럽기 때문에

2023년 3월 7일
·
0개의 댓글
·

expo에서 웹뷰없이 소셜로그인하기

엑스포에서 카카오앱을 이용해 소셜 로그인하기 (prebuild x) 엑스포에서 네이버앱을 이용해 소셜 로그인하기 (prebuild o) 들어가며 react-native에서는 리액트네이티브 서울의 라이브러리 카카오, 네이버 를 사용해서 간편하게 소셜 로그인을 완성할

2023년 3월 2일
·
1개의 댓글
·
post-thumbnail

SwiftUI에서 WebView열기

코드 사용

2023년 3월 2일
·
0개의 댓글
·

TIL: RN | webview - width, height 고정

react native webview 에서 기기별 width, height 대응을 위해width 는 public/index.html meta 태그에 속성,height 는 src/index.css html 태그 에 view height 를 100 으로 주었다

2023년 2월 27일
·
0개의 댓글
·

Flutter Webview 4.0 기본 연결 가이드

Flutter webview 4.0에서 Webview 방식은 다르게 연결해야 합니다! WebviewController로 어떻게 연결해야 하는지 간단한 연결 방법을 설명드리겠습니다.

2023년 2월 27일
·
0개의 댓글
·

[RN] 카카오지도, 카카오맵 가져오기

kakao developer에서 app key 받기인터넷 연결해주세요androidAndroidManifest.xml에서 추가iosinfo.plist에서https://magicofdream.tistory.com/17따라하세요.html 파일 만들어서 web에서 카

2023년 2월 18일
·
0개의 댓글
·
post-thumbnail

[Flutter] WebView 사용하기 2편

WebView 사용하기 2편 url_launcer | Flutter Package 이번에는 Launcher로 웹뷰를 사용하는 방법에 대해서 작성하려고 한다. Flutter로 개발을 했으면 Launcher 라이브러리는 자주 접해봤을 것이다. Launcher 라이브러

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

[Flutter] WebView 사용하기 1편

이번 글에서는 Flutter로 WebView를 어떻게 사용해야 하는지에 대해서 간단하게 알아보도록 하겠다.개발을 하다보면 Webview를 사용해야 할 경우가 많이 발생한다. 개인적으로 웹뷰를 자주 사용해 봤지만 Flutter에서 웹뷰는 그리 강력한 기능을 제공하지 못한

2023년 2월 13일
·
0개의 댓글
·

[Flutter] 웹뷰(inappwebview)

inappwebview 공식 문서https://inappwebview.dev/docs/introinappwebview pub devhttps://pub.dev/packages/flutter_inappwebviewAndroid 세팅android > ap

2023년 1월 27일
·
0개의 댓글
·

앱에서 웹뷰 구현하기

앱에서 웹뷰를 구현하는 방법

2023년 1월 26일
·
0개의 댓글
·

React Native) react native로 webview앱 만들기(1)

react-native project 만들기 react native 프로젝트를 만드는 두 가지 방법 react native webview app을 만들기 위해서는 가장 먼저 react native project를 생성해야한다. react native 앱을 만드는 방법에

2023년 1월 23일
·
0개의 댓글
·
post-thumbnail

[iOS - Swift] WKWebView 내 채널톡 버튼 안눌림 현상

현재 회사의 메인 서비스는 앱 내에서 WKWebView를 띄워 앱을 이용하고 있다.그러니까 현재 이미 웹뷰 하나가 떠 있는 상황이다.그리고 고객과의 상담같은 기능은 채널톡(채널톡이 뭔지 궁금하시면 채널톡 ← 한번 들어가보는것도 나쁘지 않음) 에서 제공해주는 api를

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

React Native 웹뷰 통신하기

최근 취뽀에 성공하고 정말 빠르게 2주의 시간이 흘렀다..!! 웹뷰인 앱 서비스를 다루고 있다보니 RN과 React 사이에 통신이 필요한 경우들이 있다. 예를 들어 웹뷰에서 일어난 이벤트를 감지해서 Native 단에서 알람을 표시해야하는 상황이 있을 것 같다! 그렇다면

2023년 1월 7일
·
0개의 댓글
·
post-thumbnail

React native ios web View Error 핸드링 ( App Transport Security policy requires the use of a secure connection )

프론트엔드 개발자로 업무를 진행 하며 수많은 에러를 겪고 있습니다.그 순간만 모면하고 지나가는 일상이였는데, 제가 겪었던 에러들을 기록 하고 싶어 글을 남깁니다.

2023년 1월 1일
·
0개의 댓글
·

내 블로그 패키징해보기 (WebView)

WebView 패키징 맹그러보기

2022년 12월 13일
·
0개의 댓글
·