location

오늘은 location 공부!🤨

(결론이 궁금하신 분은 맨 아래를 보셔도 무관합니다요)

 

 

 

1. 우선 개인 포트폴리오 사이트에서 콘솔에 찍어보고 결과 확인을 해보았다!

일단 아래에 있는 것들은 DOMstring이라는 것을 알고 넘어갑시다

 

location.href

URL 값

 

location.protocol

프로토콜 값

location.pathname

'/' 문자 뒤의 값

location.port

url의 포트값

로컬에서 라이브서버로 돌릴 경우 5500으로 나오는 것을 확인

 

 

location.hostname

URL의 도메인 부분

 

location.host

URL의 호스트 부분

 

location.search

'?' 문자 뒤 URL의 쿼리스트링 값

 

location.username

location.password

도메인 이름 이전에 명시된 사용자명과 비밀번호 값

 

location.hash

'#' 문자 뒤 URL의 프래그먼트 식별자

 

이렇게 봤는데 값이 안나오는 것들이 좀 있군요... 그럼 다른 사이트에서 확인해봐야겠숴여!

 

 

 

 

2. 구글지도에서 확인해보았다아아!

 

이정도면 뭐라도 나오지 않을까 하는 간절한 마음...

 

location.search 값을 추가로 얻었다(띠로롱)

나머지는 어떻게 얻는 것인지 아직 나는 모른다.............

 

 

 

 

3. MDN 사이트는 이렇게 나와 있다

친절한 MDN... 사랑해...

 

 

헷갈리는 부분만 정리 )

location.href는 전체 주소

location.pathname은 '/' 뒤의 주소

location.search는 '?' 뒤의 쿼리스트링 값

location.hash는 '#' 뒤의 플래그먼트 식별자 값

location.host는 호스트명, ':', 포트 번호를 포함하여 나옴

location.hostname은 도메인 값만 나옴

location.port는 포트번호

 

 

 

 

참고: developer.mozilla.org/ko/docs/Web/API/Location