• 빠른 이동을 원하시면, 아래 키워드를 클릭하세요!

🌿 브라우저 API - 내비게이터

navigator 객체란?

navigator 객체는 브라우저와 관련된 정보를 제공하는 JavaScript 객체입니다. 이 객체는 브라우저의 버전, 사용자 에이전트 문자열, 온라인 상태 등을 포함한 다양한 정보를 제공하며, 웹 API를 통해 브라우저 기능에 접근할 수 있게 해줍니다. 우리는 여기서 clipboard와 geolocation에 대해서 알아볼거에요.

navigator.clipboard란?

navigator.clipboard는 클립보드와 상호작용할 수 있는 API를 제공하는 객체입니다. 이를 통해 웹 애플리케이션은 클립보드에 텍스트를 읽고 쓸 수 있습니다. 이 기능은 사용자 인터랙션이 있을 때만 사용 가능하며, 보안상의 이유로 HTTPS 환경에서만 동작합니다.

navigator.clipboard.writeText(text):

• 클립보드에 텍스트 데이터를 복사합니다.
• text: 클립보드에 복사할 문자열입니다.

navigator.geolocation이란?

navigator.geolocation 은 웹 애플리케이션이 사용자의 위치 정보를 얻을 수 있도록 해주는 브라우저 API입니다. 이를 통해 사용자의 현재 위치를 기반으로 다양한 위치 기반 서비스를 제공할 수 있습니다. 예를 들어, 근처 맛집 찾기, 지도 앱, 위치 기반 알림 등을 구현할 수 있습니다.

navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options):

• 사용자의 현재 위치를 가져옵니다.
• successCallback: 위치 정보를 성공적으로 가져왔을 때 호출되는 함수입니다.(필수 값)
• errorCallback: 위치 정보를 가져오는 데 실패했을 때 호출되는 함수입니다.(필수 값이 아님)
• options: 위치 정보를 가져올 때의 옵션을 설정할 수 있습니다.(필수 값이 아님)

📝 실습 코드