반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- kubeflow
- SQL
- docker
- COALESCE
- redis
- Airflow
- node
- aws cicd
- aws
- codedeploy error
- Kafka
- chart.js
- 도커
- JavaScript
- chartjs
- Spring
- Jenkins
- Spring Error
- codedeploy
- codepipeline
- PostgreSQL
- java bigdecimal
- Flux
- bootstrap
- Python
- codebuild
- IntelliJ
- or some instances in your deployment group are experiencing problems.
- VPN
- AWS CI/CD 구축하기
Archives
- Today
- Total
Small Asteroid Blog
[javascript] 이전 페이지 URL 확인하기 console.log(document.referrer) 본문
프론트엔드/Javascript
[javascript] 이전 페이지 URL 확인하기 console.log(document.referrer)
작은소행성☄️ 2023. 11. 23. 16:39728x90
이메일에 링크를 보낼 때 이전 페이지가 내가 원하는 페이지에 접속해 있던 사람만 해당 url 로 접속할 수 있고
다른 사람한테 공유가 되면 url 정보가 동일하지 않기 때문에 접속하지 못하게 하고 싶었다.
즉 특정 url 만 타고 넘어온 경우에만 내가 제공하는 url 에 접속할 수 있게 하고 싶었다.
개발자 도구에서 콘솔창에 해당 내용을 찍으면 이전 URI 정보를 반환하는데
console.log(document.referrer)
처음 화면에 들어가서 해당 콘솔을 찍으면 아무런 값이 안나오는 것을 볼 수 있다.

네이버에서 검색하고 페이지 이동 후 검색해보면 이전 페이지였던 네이버 주소를 확인할 수 있다.

현재 페이지에서 url 을 새로 입력하고 다른 페이지로 이동 후 콘솔을 찍으면 그것도 아무런 값이 안나온다.
(ex. 이전 페이지 구글 -> url 창에 네이버 입력 -> 콘솔창 확인 -> 값 없음)

728x90
반응형
'프론트엔드 > Javascript' 카테고리의 다른 글
[Javascript MIME type]text/javascript와 application/javascript의 차이점 (0) | 2022.01.24 |
---|---|
datatables cdn 사용 코드 (0) | 2021.12.21 |
javascript 두개의 배열에서 같은 값 찾기 - filter includes (0) | 2021.12.16 |
[jquery] jquery 시작하기 - document ready function (0) | 2021.09.29 |
dataTable 특정 열에만 정렬 없애기 (0) | 2021.09.28 |