React Native Webview2 (웹뷰) 정보
React Native Webview2 (웹뷰)
본문
Webview로 간단하게 React Native(리액트 네이티브)로 사이트를 앱으로 만드는 방법입니다.
https://github.com/greatbsky/react-native-webview2-demo 에서 다운로드 하세요..
필요한 것은 WebView2App 입니다.
cd WebView2App
npm install
하고
react-native run-ios 하시면 됩니다.
app.js안에 있는 baidu.com을 필요한 웹사이트로 변경해서 테스트 해보시면 됩니다.
(필요없는 button과 Text는 지우면 됩니다.)
아미나 데모 사이트와 영카트 테마 redshop, someday를 캡쳐해 봤습니다.
minHeight가 300으로 되어 있는데, 최대 크기로 하는 방법은 못찾았습니다.(찾으신분은 댓글 부탁드립니다.)
테스트해 보신분은 다른 기능도 되는지 알려주세요.. (글쓰기, 댓글, 사진올리기등.)
Webview의 패키지는 https://github.com/greatbsky/react-native-webview2
Webview도 있는데, webview2는 자바스크립트 연결기능이 있다는 것 같습니다. (위의 버튼과 연동등..)
공감
1
1
댓글 7개
한다리 건너는 웹뷰(타이타니움. 폰갭)는 웹앱 보다 속도가 현저히 떨어지던데 어떤가요?
데모만 돌려 봤습니다. 실제로 앱을 만들어서 테스트해 봐야 되는데.. 제가 가고자 하는 방향은 아니라서, 그냥 테스트 목적으로..
감싸는 형태의 앱은 저도 꺼리고 있습니다ㅋㅋㅋㅋ
그래서 어플을 만들어 봤다고 못하고있습니다.
단지 네이티브로 웹앱을 만들어봤을 뿐이죠 ㅠ.ㅠ
그래서 어플을 만들어 봤다고 못하고있습니다.
단지 네이티브로 웹앱을 만들어봤을 뿐이죠 ㅠ.ㅠ
Virtualbox에 맥돌리면서 시뮬레이터로 돌려 보는데.. 속도는 나쁘지 않은 것 같습니다.
자주 사용할 것이 아니라서 다른 테스트는 안하고, react-native에 이런것도 있다정도로..
이것이라도 쓰시는 분이 있다면 테스트도 해서, 다른분들이 헛수고 안하게 알려주시면 좋을 것 같아서...
자주 사용할 것이 아니라서 다른 테스트는 안하고, react-native에 이런것도 있다정도로..
이것이라도 쓰시는 분이 있다면 테스트도 해서, 다른분들이 헛수고 안하게 알려주시면 좋을 것 같아서...
네이티브 웹앱이 아니라 하이브리드 앱같은 경우는 네이티브 수정에 대해 제한적이라 꺼려지게 되더라구요. 제가 포기 한이유는 다음과 같습니다.
1. 속도
2. pg의 지원
간단하게 만들기는 좋은데 말이죠 ㅎㅎ
1. 속도
2. pg의 지원
간단하게 만들기는 좋은데 말이죠 ㅎㅎ
어차피 CPU속도는 2-3년내로 남아 돌것이고,
하여간 일반 하이브리드 보다는 빠른 것 같아서, 해 보고 있습니다.
하여간 일반 하이브리드 보다는 빠른 것 같아서, 해 보고 있습니다.
무어법칙이죠!
반도체(메모리, 램 포함)는 18개월마다 2배로 증가 하지만 PC(하드웨어까지 확작하여)가격은 떨어진다.
리엑트 참 매력있는 언어죠 ㅎㅎ
저는 무서워서 ㅠ.ㅠ
반도체(메모리, 램 포함)는 18개월마다 2배로 증가 하지만 PC(하드웨어까지 확작하여)가격은 떨어진다.
리엑트 참 매력있는 언어죠 ㅎㅎ
저는 무서워서 ㅠ.ㅠ