window 객체

🧷 window.navigator

 

navigator는 대체로 (전부는 아니지만) Web API를 사용하기 위한 것입니다. (https://developer.mozilla.org/ko/docs/Web/API/MediaDevices)

 

음성 녹화, 영상 녹화, 화면 공유, 위치 정보 받기 등이 가능합니다.

 

영상 녹화 : (https://darrengwon.tistory.com/516)

 

음성 인식 : (https://darrengwon.tistory.com/242)

 

위치 정보 : (https://darrengwon.tistory.com/219)

 

navigator.geolocation 관련 메서드를 사용하면 된다.

navigator.geolocation.getCurrentPosition(success[, error[, [options]])

 

온라인 상태인가? : (https://developer.mozilla.org/ko/docs/Web/API/NavigatorOnLine) 

window.navigator.onLine

 

 

 

 

🧷 Window.close, open

window.close() // 현 브라우저를 닫습니다.

window.open() // 빈 브라우저를 엽니다.

 

🧷 window.location

몇 개 없으니 직접 뜯어보는 게 가장 쉽습니다. url에 대한 정보(params, hash, 프로토콜 등), 로케이션 대한 함수로 구성되어 있습니다.

 

window.location.hash //url 프래그먼트를 가져옵니다.

window.location.reload() // 재실행

window.location.href="원하는 url" // 원하는 url로 이동합니다.

 

🧷 window.Error

window.Error() // Error 인스턴스를 생성할 수 있습니다.

const a = Error("what")

 

🧷 window.SpeechRecognition

window.SpeechRecognition // 음성 인식. 독특하게도 크롬에서는 webkitSpeechRecognition으로 작동합니다.

window.SpeechRecognition =
  window.SpeechRecognition || window.webkitSpeechRecognition;

// 인스턴스 생성
const recognition = new SpeechRecognition();

자바스크립트를 이용한 음성인식 앱 구축

 

🧷 Window.confirm

확인 메세지를 띄운 다음 (확인)이면 true를 (취소)면 false를 반환합니다.

 

 

🧷 window.scroll

 

window.scroll(x-coord, y-coord)
window.scroll(options)

window.scroll({
  top: 100,
  left: 100,
  behavior: 'smooth'
});
// 자연스레 스크롤됩니다. 콘솔창에 붙여넣기 해보세요

 

이 외에도 Window.scrollTo(), Window.scrollByLines(), Window.scrollByPages()이 존재한다.

 

scrollBy : 
window.scrollBy(0, 600) // 현 위치에서 y축으로 600 픽셀 만큼 움직여라

scrollTo :
window.scrollTo(0, 60) // 현재 위치가 어찌 되었든 0,60으로 이동해라

 

 

 

🧷 window.outerHeight, window.innerHeight