프로그래밍 언어/Javascript

[javascript] 이전 페이지 URL 확인하기 console.log(document.referrer)

이메일에 링크를 보낼 때 이전 페이지가 내가 원하는 페이지에 접속해 있던 사람만 해당 url 로 접속할 수 있고 다른 사람한테 공유가 되면 url 정보가 동일하지 않기 때문에 접속하지 못하게 하고 싶었다. 즉 특정 url 만 타고 넘어온 경우에만 내가 제공하는 url 에 접속할 수 있게 하고 싶었다. 개발자 도구에서 콘솔창에 해당 내용을 찍으면 이전 URI 정보를 반환하는데 console.log(document.referrer) 처음 화면에 들어가서 해당 콘솔을 찍으면 아무런 값이 안나오는 것을 볼 수 있다. 네이버에서 검색하고 페이지 이동 후 검색해보면 이전 페이지였던 네이버 주소를 확인할 수 있다. 현재 페이지에서 url 을 새로 입력하고 다른 페이지로 이동 후 콘솔을 찍으면 그것도 아무런 값이 안나..

[Javascript MIME type]text/javascript와 application/javascript의 차이점

text/javascript - HTML4, HTML5 지원 application/javascript - HTML5 지원 - IE8 이하는 지원이 되지 않는다. 서비스를 개발할 때 IE 하위호환까지 고려해야하는 웹이라면 application/javascript 를 사용한다면 변수를 찾지 못하는 등 정상적인 스크립트 기능이 되지 않는다. 안전하게 사용을 원하면 text/javascript 로 사용하는 것을 추천한다.

datatables cdn 사용 코드

datatables 라이브러리를 이용해 테이블 페이징처리, 검색어 기능 등 한번에 사용이 가능하다. ui 는 여러가지가 잇고 선택할 수 있으며 아래 코드는 내가 자주사용하는 cdn 내용을 정리해 둔것이다. 여러가지 섞어쓰면 sorting 할 때 버튼이 여러개가 나오거나 페이징 처리의 ui 가 이상하게 나오거나 하기 때문이다. header 부분에 위의 내용을 넣고 테이블을 생성하면 아래와 같이 테이블이 만들어졌다.

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));

[jquery] jquery 시작하기 - document ready function

둘이 같은 기능이다. $(document).ready(function(){ //실행할 코드 }); $(function() { //실행할 코드 });

dataTable 특정 열에만 정렬 없애기

두가지 방법이 있다. html 에서 해당 th 에 data-orderable="false" 사용한다. datatable 에 다음 내용을 추가한다. target 은 컬럼의 순서이다. ,columnDefs: [{ "targets": [0], "orderable": false }] 다음 이미지처럼 라디오 버튼 위에는 정렬버튼이 없어진걸 확인할 수 있다.

dataTable 데이터 변경시 테이블 다시 그리기

datatable 을 생성한 후 내용이 변경될 때마다 datatable 을 다시 생성해줘야한다. $("#"+테이블 ID).DataTable().destroy(); destroy() 를 사용해 table을 지우고 다시생성한다. $("#module_table").DataTable().destroy(); $("#module_job_list").DataTable().draw();

[Javascript] 하루전, 한달전, 일년전으로 날짜 세팅하기

var settingDate = new Date(); settingDate.setDate(settingDate.getDate()-1); //하루 전 $("#endDate").val(settingDate.asString()); settingDate.setMonth(settingDate.getMonth()-1); //한달 전 $("#startDate").val(settingDate.asString()); settingDate.setYear(settingDate.getYear()-1); //일년 전 $("#startDate").val(settingDate.asString());

[javascript] 현재 날짜 시간 구하기 date format ( yyyy-MM-dd, yyyy-MM-dd hh:mm:ss )

//yyyy-MM-dd function convertDate(datetime){ var date = new Date(datetime); var year = date.getFullYear(); var month = date.getMonth()+1; month = month >= 10 ? month : '0' + month; var day = date.getDate(); day = day >= 10 ? day : '0' + day; return [year,month,day].join('-'); } //yyyy-MM-dd HH:mm:ss function convertDateTime(datetime){ var date = new Date(datetime); var year = date.getFullYear();..

ajax 사용 후 이벤트 작동하지 않을 때

다음과 같이 작성되어 있으면 일회성 클릭만 된다. $('#changedata').click(function(){ }); 다음과 같이 변경해주면 해당 값에 대해서 클릭이 계속 가능하다. $(document).on('click', '#changedata', function(){ });