# webview

[Flutter] Flutter WebView Two Way Communication
Flutter로 개발하다보면 결제나 지도와 같이 Javascript로 작성된 웹 페이지와 데이터를 주고 받아야 하는 경우가 생깁니다. 이번 포스트에서는 Flutter 모바일과 웹 모두에서 웹 페이지 간 통신 방법에 대해 알아보겠습니다.먼저, 모바일에서 WebView를

[알게된 것] React Native WebView FontSize
WebView에서 사용자 환경 글꼴 크기에 따라 텍스트가 UI를 망침WebView의 textZoom의 값을 100으로 설정하여 글꼴이 커지지 않게 막을 수 있음

[알게된 것] React Native WebView 모바일 UI
WebView를 활용한 개발을 진행하던 도중, 토스 결제연동 페이지에서 PC 반응형 UI가 렌더링 됨WebView 옵션 중 scalesPageToFit={false}을 설정하면, 모바일 종횡비에 따른 UI가 렌더링 됨

Flutter local notification (feat.firebase FCM)
이전 포스팅에서는 local-notification을 사용하기 위한 설정을 잡았다. 이제 프로젝트에서 사용하기위한 설정과 실제 알림 코드를 작성해보자.이때 notification 초기화는 보통 flutter create 했을 때 기준 MyHomePage의 inistSt

Flutter local notification config (feat.firebase FCM)
firebase FCM 설정하기 전체코드 백그라운드에서도 알림 동작 FirebaseOptions 공식문서 
[안드로이드스튜디오_문화][WebView]
웹 애플리케이션 또는 웹페이지만 클라이언트 애플리케이션의 일부로 제공하려는 경우 WebView를 사용하면 됩니다. 공식문서layout.xml 파일에 WeabView 추가.AndroidManifest.xml 파일에 인터넷 권한 추가하기. uses-permission an

[알게된 것] React Native WebView 나이스 인증
IOS 환경에서 보안 정책의 이유로 WebView를 통한 나이스 팝업창이 보이지 않음정확히는 흰 화면만 노출됨jsp를 통해 팝업을 띄우는 방법이 아닌, 나이스 인증에 필요한 소스를 jsp의 ReactNativeWebView.postMessage 메서드를 통해 전달받음이

[알게된 것] React Native WebView Pass 인증
안드로이드 앱에서 WebView를 통한 나이스 인증절차를 겪는 중 Pass 인증하기를 누르면 스토어가 열리고 정상적인 인증이 진행되지 않음AndroidManifest.xml의 activity 태그 내부에다음 구문들 추가 및다른 블로그에서 nodemodules의 RNSe
웹뷰에서 push notification 터치 시 페이지 이동하기 (feat. flutter, react)
푸시메세지 클릭시 내가 원하는 동작을 하도록 구현하기

[React Native] WebView를 사용하고있는 화면에서 앱이 종료되어 버리는 경우 대처방법
안드로이드에서만 특정 스크린을 사용중 스크롤을 아래로 내렸을 경우에 앱이 죽어버리는 현상이 발생습니다.아무런 로그도 발생하지않고 앱이 죽어버려, 원인 파악이 힘들었는데 해당 화면에서는 일부 기능을 react-native-webview 를 사용한 webview로 기능을
[번역] React-Native WebView 완벽 가이드
Creating the basic URL structureWriting the basic inline HTMLCommunicating between JavaScript and NativeThe injectJavaScript methodConclusionWebViews는

내 벨로그를 앱으로 만들어 보자!(Compose WebView)
벨로그를 운영하면서 폰으로 급하게 내 벨로그를 확인해야할 일이 종종 있었다. 예를 들면 면접에 들어가기 전 내가 벨로그에 기록해놓은 면접 질문 목록을 본다던가, 이동하는 중에 유튜브나 인스타에서도 볼 게 없을 때 다른 사람이 올린 글을 구경하기도 했다. 이왕된거 Compose에서 지원하는 WebView를 이용해서 내 벨로그를 쉽게 들어올 수 있게 만들어...

[Android] 로고 변경 & WebView를 활용하여 웹사이트를 안드로이드에 띄워보기
0822 1. 로고 변경 안드로이드 스튜디오로 작업을 하다보면 이런 기본 로고를 많이 만나게 될텐데요, 한 번 세팅된 로고를 변경시켜보겠습니다. 1.1. 이미지 다운로드 로고로 쓸 이미지를 res > drawable 안에 드래그 앤 드롭 해서 넣어주시고, mani

WebView에 로딩상태에 따른 ProgressBar 추가
💡 WebView가 로딩중일때만 ProgressBar 보여주기xml 파일에 ProgressBar 추가2.기본 webViewClient()로 생성했던 webViewClient를 사용자정의 클래스를 만들어 교체

CSS 기본 정리
css 속성 align-items align-items 속성은 Flex 컨테이너 내의 모든 아이템들의 수직 정렬 방식을 설정합니다. 이 속성은 아이템들을 단일 행(row) 또는 열(column) 내에서 수직 정렬하는 데 사용됩니다. flex-start: 아이템들을 컨