개발자의 끄적끄적

[javascript] browser history.back detect example / 브라우저 뒤로가기 감지 방법  웹 사이트를 개발하다보면 현재 페이지를 새로 접근한건지, 뒤로가기를 이용해서 돌아온건지 확인해야 하는 경우가 있습니다! 그럴때 확인할 수 있는 방법들은 여러가지가 있지만, 이번에는 pageshow 를 이용해서 체크하는 방법을 공유해보려고 합니다! window.addEventListener("pageshow", function(event) { if (event.persisted) { // 페이지가 브라우저 캐시에서 불러와진 경우 console.log("뒤로가기로 페이지에 돌아왔습니다."); } else { console.log("새로 로드..

[javascript/jquery] url 체크 정규식  javascript 에서 url 을 입력받다보면 형식에 안맞아서 링크가 안되거나, 발송에 문제가 생기거나 하는 경우가 종종 발생합니다! 그럴때는 아래 정규식으로 체크할 수 있습니다! var urlRegex = /^(http|https):\/\/[\w\-]+(\.[\w\-]+)+[/#?]?.*$/;  체크하고자 하는 url 형식에 따라 조금 달라질 수도 있지만, 위 내용을 참고해서 체크하시면 도움이 되실듯 합니다! 참고들 하세요!

[javascript/jquery] javascript 이메일 정규식  자바스크립트에서 여러가지 정규식중에 이메일 정규식을 통해 형식을 검증하다보면 @ 앞에 . 이 1개 이상 들어가서 안되는 경우가 종종 있습니다! 그럴때는 아래 정규식을 이용하시면 됩니다! /[a-z0-9]+@[a-z]+\.[a-z]{2,3}/ 참고들 하세요!   [javascript/jquery] assignment to constant variable 에러 해결방법[javascript/jquery] assignment to constant variable 에러 해결방법  javascript 에서 변수를 선언해서 사용하다보면 아래와 같은 에러가 발생하는 경우가 있습니다! Assignment to constant variable  위와 ..

[javascript/jquery] 자바스크립트 prompt 취소 체크 방법 / how to check cancel event in javascript prompt javascript prompt 를 이용해서 값을 입력받는 경우가 종종 있습니다! 그중에서 입력하지않고 취소를 눌렀을때를 체크해야하는 경우에는 아래와 같이 null 체크를 하시면 됩니다! var result = prompt("값을 입력해 주세요."); if (result === null) { return; } 기본적으로 prompt 는 취소버튼을 클릭시 null 결과에 담아서 반환하게 되어 있으니 그걸 이용해서 체크하시면 됩니다! 참고들 하세요!

[javascript/jquery] how to check fullcalendar month change event / fullcalendar 달 변경 이벤트 확인 방법 캘린더 작업을 위해서 fullcalendar.js 를 이용하다보면 최 상단에 표기되는 월이 변화되는 이벤트를 감지해야 하는 경우가 있습니다! 동적으로 데이터를 불러오거나 관리해야하는 이슈들 때문인데요! 그럴때는 아래와 같이 클릭 이벤트를 사용하시면 됩니다! 예를 들어 아래와 같이 calendar 라는 객체가 생성되었다고 가정하고, var calendarEl = document.getElementById('calendar'); var calendar = null; calendar = new FullCalendar.Calendar(calen..

[javascript/jquery] input paste 붙여넣기 이벤트 감지 방법 javascript 나 jquery 로 input 태그를 제어하다보면 paste 액션을 감지해야 하는 경우가 있습니다! 그럴때는 아래 방법으로 체크하시면 됩니다! 예를들어, id 가 phone 인 input 태그가 있다고 가정하고, 해당 태그에 붙여넣기 되는 이벤트를 감지하려면 아래와 같이 스크립트를 사용하시면 됩니다! $( document ).ready(function() { $('#phone').on('paste', function(){ // to do }); }); 여기서 추가적으로 아이폰에서는 위와 같은 방법으로 감지가 안되는 경우가 있습니다! 그럴때는 아래처럼 약간의 timout을 주어 이벤트를 감지할 수 있습..

[javascript/jquery] datatable Uncaught TypeError: Cannot read properties of undefined (reading 'style') 에러 해결 방법 jquery datatable 를 사용하다보면 여러가지 오류가 나는 경우가 많습니다! 그중에서 가장 흔히나는 오류중 하나가 바로 아래와 같은 오류입니다! Uncaught TypeError: Cannot read properties of undefined (reading 'style') datatable 위와 같은 오류가 나고 데이터가로딩되지 않는다면, 아마 테이블의 또는 와 같이 컬럼 갯수와 가지고오는 스크립트의 컬럼갯수가 다른 경우입니다! 당황하지 마시고, 데이터를 불러오는 스크립트의 컬럼수와 테이블의 ..

[javascript/function] 자바스크립트 html 색상표 랜덤 생성 방법 javascript 에서 html 색상코드를 랜던으로 설정해야 하는 경우가 종종 있습니다! 그럴때는 아래 함수를 활용하시면 됩니다! 참고들 하세요! function make_color_code() { var color = Math.floor(Math.random()*16777215).toString(16); return "#"+color; }