프론트엔드/Javascript29 [javascript] 이전 페이지 URL 확인하기 console.log(document.referrer) 이메일에 링크를 보낼 때 이전 페이지가 내가 원하는 페이지에 접속해 있던 사람만 해당 url 로 접속할 수 있고 다른 사람한테 공유가 되면 url 정보가 동일하지 않기 때문에 접속하지 못하게 하고 싶었다. 즉 특정 url 만 타고 넘어온 경우에만 내가 제공하는 url 에 접속할 수 있게 하고 싶었다. 개발자 도구에서 콘솔창에 해당 내용을 찍으면 이전 URI 정보를 반환하는데 console.log(document.referrer) 처음 화면에 들어가서 해당 콘솔을 찍으면 아무런 값이 안나오는 것을 볼 수 있다. 네이버에서 검색하고 페이지 이동 후 검색해보면 이전 페이지였던 네이버 주소를 확인할 수 있다. 현재 페이지에서 url 을 새로 입력하고 다른 페이지로 이동 후 콘솔을 찍으면 그것도 아무런 값이 안나.. 2023. 11. 23. [Javascript MIME type]text/javascript와 application/javascript의 차이점 text/javascript - HTML4, HTML5 지원 application/javascript - HTML5 지원 - IE8 이하는 지원이 되지 않는다. 서비스를 개발할 때 IE 하위호환까지 고려해야하는 웹이라면 application/javascript 를 사용한다면 변수를 찾지 못하는 등 정상적인 스크립트 기능이 되지 않는다. 안전하게 사용을 원하면 text/javascript 로 사용하는 것을 추천한다. 2022. 1. 24. datatables cdn 사용 코드 datatables 라이브러리를 이용해 테이블 페이징처리, 검색어 기능 등 한번에 사용이 가능하다. ui 는 여러가지가 잇고 선택할 수 있으며 아래 코드는 내가 자주사용하는 cdn 내용을 정리해 둔것이다. 여러가지 섞어쓰면 sorting 할 때 버튼이 여러개가 나오거나 페이징 처리의 ui 가 이상하게 나오거나 하기 때문이다. header 부분에 위의 내용을 넣고 테이블을 생성하면 아래와 같이 테이블이 만들어졌다. 2021. 12. 21. javascript 두개의 배열에서 같은 값 찾기 - filter includes 배열 두개를 비교해서 차집합을 찾으려고한다. var arr1 = ["가","나","다","라","마","바"] var arr2 = ["가","나","아"] includetext는 배열 두개를 비교해 차집합의 결과를 찾아내는 것이고 noincludetext는 같은값은 제거해서 보는 값이다. let includetext =arr1.filter(x => arr2.includes(x)); let noincludetext = arr1.filter(x => !arr2.includes(x)); 2021. 12. 16. [jquery] jquery 시작하기 - document ready function 둘이 같은 기능이다. $(document).ready(function(){ //실행할 코드 }); $(function() { //실행할 코드 }); 2021. 9. 29. dataTable 특정 열에만 정렬 없애기 두가지 방법이 있다. html 에서 해당 th 에 data-orderable="false" 사용한다. datatable 에 다음 내용을 추가한다. target 은 컬럼의 순서이다. ,columnDefs: [{ "targets": [0], "orderable": false }] 다음 이미지처럼 라디오 버튼 위에는 정렬버튼이 없어진걸 확인할 수 있다. 2021. 9. 28. 이전 1 2 3 4 5 다음
