기본적으로 자바스크립트를 통해 load 이벤트를 처리하는 방법중 가장 보편적으로 사용되는 방식은 아래와 같이 두가지가 있다.
<script>
// 방법1
window.addEventListener('load', function() {
});
// 방법2
window.addEventListener('DOMContentLoaded', function() {
});
</script>
기본적으로 자바스크립트를 통해 load 이벤트를 처리하는 방법중 가장 보편적으로 사용되는 방식은 아래와 같이 두가지가 있다.
<script>
// 방법1
window.addEventListener('load', function() {
});
// 방법2
window.addEventListener('DOMContentLoaded', function() {
});
</script>
생년월일은 과거 달력에서 선택하는 방식을 많이 채택하였지만 나이가 있으신분들은 한참을 뒤로 가야하는 불편함이 발생되어 요즘은 입력방식을 사용하는편이다. 이번편에서는 간단하게나마 생년월일 입력 후 슬래시(/) 또는 하이픈(-)을 붙여주는 스크립트이다. 본래 이번편에 소개하는 예제는 JS 라이브러리로 제공할 목적이였으나 시간상 여유가 없어 간단하게 입력 후 처···
JQuery를 이용한 ajax 처리 시 보통 비동기로 처리하지만 동기 처리를 통해 결과값을 받아야하는 경우가 있다. 이때 ajax 옵션에 async:false 를 넣어주면 동기방식으로 처리를 할 수 있기에 자주 사용을 했었는데 특정 기기 환경에서 결과값을 받지 못하는 경우가 발생했다. 처음엔 AJAX 처리시 오류가 발생했나 하여 디버깅을 여러번 해보았지만 ···
간혹 웹에서 보안상 쿠키를 없애고 세션만 사용할려는데 어떻게 해야하는지 문의가 올때가 있다. 결론부터 말하면 웹에서 쿠키 없이 세션만 사용할 수는 없다. 그 이유는 쿠키가 있어야만 세션이 존재하기 때문이다. 예를 들어 PHP서버를 운영하고 별도의 세션 설정을 하지 않았다면 세션 실행시 `PHPSESSID` 이라는 쿠키가 생성이 될것이다. 해당 쿠키값은 PH···
jQuery 에서 사용되는 on 이벤트는 연결 이벤트중 하나로 click, mousedown,keydown 등의 여러 동작 이벤트를 연결하여 처리가 가능하다. 참고로 같은 용도로 사용되는 연결이벤트 bind, delegate, live 등이 있지만 jQuery API 문서내 권고 사항으로 본다면 on 이벤트로 대체해야 추후 높은 버전을 사용하더라도 변경없이···
PRISMJS 라이브러리란 코드의 가독성을 높여주는 일종의 CSS 스타일 자동화 라이브러리로 이해하면 된다. 이 라이브러리는 이식성도 좋기때문에 tinymce(최신버전 기준) 에디터에서도 사용이 가능하다. 다만 tinymce 같은경우 설정이 필요하기때문에 이부분은 이번편에서는 패스하도록 하자 PRISMJS 사이트는 아래와 같다. (메타데이터가 없어서 링크 ···