유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

알고 있으면 너무 좋은 프론트엔드 웹 기술 : Network Information API

GIS DEVELOPER

2025. 7. 21.

0

#frontend
  • 네트워크 정보 API는 사용자 네트워크 연결 유형, 다운로드 속도, 지연 시간 등을 제공 📡.
  • effectiveType은 2G, 3G, 4G 같은 네트워크 연결 유형을 나타냄 📶.
  • downlink는 다운로드 속도, rtt는 네트워크 지연 시간을 의미 ⏱️.
  • saveData는 사용자가 데이터 절약 모드를 사용 중인지 알려줌 🔋.
  • type은 네트워크 연결 방식(Wi-Fi, 이더넷 등)을 나타내지만, 브라우저 지원이 제한적 🌐.
  • onchange 이벤트를 통해 네트워크 정보 변경 시 대응 가능 🔄.
  • 네트워크 속도에 따라 이미지 품질을 조절하여 사용자 경험을 개선할 수 있음 🖼️.

Recommanded Videos