이 글에서는 자바스크립트를 사용하여 모바일 디바이스의 네트워크 연결 상태를 확인하는 방법에 대해 알아보겠습니다.

navigator.onLine 속성 사용하기

navigator 객체에는 현재 디바이스의 인터넷 연결 상태를 확인하는 onLine이라는 속성이 있습니다. 이 속성은 true 또는 false 값을 반환합니다.

아래의 예제 코드를 통해 navigator.onLine 속성을 사용하는 방법을 확인해보세요.

if (navigator.onLine) {
  console.log("네트워크에 연결되었습니다.");
} else {
  console.log("네트워크에 연결되지 않았습니다.");
}

online 및 offline 이벤트 사용하기

또한, online 및 offline 이벤트를 사용하여 네트워크 연결 상태가 변경될 때마다 특정 동작을 수행할 수도 있습니다.

window.addEventListener("online", function() {
  console.log("네트워크에 연결되었습니다.");
});

window.addEventListener("offline", function() {
  console.log("네트워크에 연결되지 않았습니다.");
});

위의 코드는 네트워크 연결 상태가 변경될 때마다 콘솔에 해당 메시지를 출력합니다.

결론

이렇게 자바스크립트를 사용하여 모바일 디바이스의 네트워크 연결 상태를 확인할 수 있습니다. 이를 활용하여 웹 애플리케이션에서 사용자에게 네트워크 연결 상태에 대한 알림을 제공할 수 있습니다.

더 자세한 정보는 MDN 문서를 참고하시기 바랍니다.