# webview

136개의 포스트
post-thumbnail

웹? 앱?

구글 플레이나 앱스토어 등을 통해 스마트폰에 다운로드한 후 설치? 앱 그냥 검색해서 링크를 눌러 들어간다면? 웹

약 19시간 전
·
0개의 댓글
·
post-thumbnail

[Flutter] Flutter WebView Two Way Communication

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

2023년 11월 6일
·
0개의 댓글
·
post-thumbnail

[알게된 것] React Native WebView FontSize

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

2023년 10월 31일
·
0개의 댓글
·
post-thumbnail

[알게된 것] React Native WebView 모바일 UI

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

2023년 10월 26일
·
0개의 댓글
·
post-thumbnail

Flutter local notification boiler code

플러터 로컬 알림 서비스 라이브러리 예제 코드

2023년 10월 24일
·
0개의 댓글
·
post-thumbnail

Flutter local notification (feat.firebase FCM)

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

2023년 10월 24일
·
0개의 댓글
·
post-thumbnail

Flutter local notification config (feat.firebase FCM)

firebase FCM 설정하기 전체코드 백그라운드에서도 알림 동작 FirebaseOptions 공식문서 ![](https://velog.velcdn.com/images/jeong_woo/post/8412f446-b35e-4617-a734-67af3597

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

[안드로이드스튜디오_문화][WebView]

웹 애플리케이션 또는 웹페이지만 클라이언트 애플리케이션의 일부로 제공하려는 경우 WebView를 사용하면 됩니다. 공식문서layout.xml 파일에 WeabView 추가.AndroidManifest.xml 파일에 인터넷 권한 추가하기. uses-permission an

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

[알게된 것] React Native WebView 나이스 인증

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

2023년 10월 6일
·
0개의 댓글
·
post-thumbnail

[알게된 것] React Native WebView Pass 인증

안드로이드 앱에서 WebView를 통한 나이스 인증절차를 겪는 중 Pass 인증하기를 누르면 스토어가 열리고 정상적인 인증이 진행되지 않음AndroidManifest.xml의 activity 태그 내부에다음 구문들 추가 및다른 블로그에서 nodemodules의 RNSe

2023년 10월 6일
·
0개의 댓글
·
post-thumbnail

[Android] Daum 우편번호 서비스 API 사용하기

카카오에서 제공하는 Daum 우편번호 서비스 API를 안드로이드에 적용해보자!

2023년 10월 5일
·
0개의 댓글
·

웹뷰에서 push notification 터치 시 페이지 이동하기 (feat. flutter, react)

푸시메세지 클릭시 내가 원하는 동작을 하도록 구현하기

2023년 9월 27일
·
0개의 댓글
·
post-thumbnail

[React Native] WebView를 사용하고있는 화면에서 앱이 종료되어 버리는 경우 대처방법

안드로이드에서만 특정 스크린을 사용중 스크롤을 아래로 내렸을 경우에 앱이 죽어버리는 현상이 발생습니다.아무런 로그도 발생하지않고 앱이 죽어버려, 원인 파악이 힘들었는데 해당 화면에서는 일부 기능을 react-native-webview 를 사용한 webview로 기능을

2023년 9월 8일
·
0개의 댓글
·

[번역] React-Native WebView 완벽 가이드

Creating the basic URL structureWriting the basic inline HTMLCommunicating between JavaScript and NativeThe injectJavaScript methodConclusionWebViews는

2023년 9월 4일
·
0개의 댓글
·
post-thumbnail

알림톡 버튼을 클릭해서 아이폰 앱을 열어보자!

파이어베이스 다이나믹 링크로 딥링크 구현해보기

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

[Flutter] WebView

앱 내에 웹 콘텐츠를 간단히 표시할 수 있게 해주는 패키지이다.

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

내 벨로그를 앱으로 만들어 보자!(Compose WebView)

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

2023년 8월 29일
·
1개의 댓글
·
post-thumbnail

[Android] 로고 변경 & WebView를 활용하여 웹사이트를 안드로이드에 띄워보기

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

2023년 8월 22일
·
0개의 댓글
·
post-thumbnail

WebView에 로딩상태에 따른 ProgressBar 추가

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

2023년 8월 19일
·
0개의 댓글
·
post-thumbnail

CSS 기본 정리

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

2023년 8월 9일
·
0개의 댓글
·