브라우저 인터넷 연결 확인하기 (with Javascript, React 커스텀 훅)

브라우저가 인터넷에 연결되어 있는지는 기본적으로 navigator.onLine 변수를 확인할 수 있다. boolean값으로 인터넷에 연결되어 있는지 확인할 수 있다. 다만, 지속적으로 브라우저가 인터넷에 연결되어있는지 확인하기 위해서는 이벤트 핸들러의 연결이 필요하다. 브라우저에서 지속적으로 인터넷 연결을 확인하는 방법으로 eventListener를 사용할 수 있다. 다음과 같은 간단한 코드를 통해서 인터넷 연결을 확인할 수 있다. window.addEventListener("online", () => console.log("ONLINE! 🐥")); window.addEventListener("offline", () => console.log("OFFLINE... 😿")); 콘솔창에 위의 코드를 입력하고..

• format_list_bulleted JavaScript
• · 2023. 7. 8.
• textsms

React Native 웹뷰 사용하기 (react-native-webview)

react-native-webview 설치하기 npm i react-native-webview 간단한 사용 예시 import React from 'react'; import {StyleSheet, View, Text} from 'react-native'; import {WebView} from 'react-native-webview'; const INJECTED_JAVASCRIPT = `(function() { window.ReactNativeWebView.postMessage(JSON.stringify(window.location)); })();`; const runFirst = ` document.body.style.backgroundColor = '#eeddcc'; setTimeout(functio..

• format_list_bulleted React Native
• · 2022. 11. 21.
• textsms