[Web API] - window.location

Web API

: 개발하는 동안 사용할 수 있는 모든 인터페이스(객체)

아래 공식문서에서 더 자세하고 많은 API들을 보고 경험할 수 있다.

MDN 공식문서 : [ web API ]

이 중에서 오늘은 Breadcrumb을 만들면서 그 해당 주소를 어떻게 알아야하는지에 대해서 궁금하다가

└> 🔎 breadcrumb ?
헨젤과그레텔에서 빵 부스러기 흘리면서 길을 안내했듯이,
유저가 웹사이트 내에 어디에 있는지 알려주는 네비게이션 텍스트

window.location에 대해서 알게 되었다.
Javascript할 때 잠깐 배웠었던 기억이 있다.
이 객체를 사용하면 현재 url이나 쿼리스트링을 알 수 있다.

window.location.href // 전체 url 불러오기
window.location.protocol //  :를 포함한 앞에 https: 불러오기
window.location.host //  가운데 공통 불러오기 ( : + port번호 포함)
window.location.hostname //  가운데 공통 불러오기 ( : + port번호 미포함)
window.location.pathname // /뒤의 경로인데, 이니셜과 url경로가 포함된 문자열
window.location.search //  ? 뒤의 쿼리스트링 가져오기

기억하고 써먹어보자!