기본적으로 자바스크립트를 통해 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>
ajax는 비동기 통신을 위한 방법인데 간혹 연속 클릭으로 인해 중복 처리가 되는 경우가 있다. 물론 프로그램단에서 db 조건과 비교하여 막는 방법이 있지만 request 한 페이지에 외부 api 통신이 있을 경우 딜레이가 발생되어 중복체크를 하가기 어렵다. 따라서 이번편에서는 클라이언트단에서 연속 click 이벤트를 막는 방법에 대해 예제소스를 통해 알아···
AJAX의 경우 페이지 변경 없이 서버가 데이터 전송을 할 수 있는 수단이다. 사용하는 방법에 따라 퀄러티 높은 개발을 완성할 수 있는 장점이 있는 방면 URI HISTORY 처리와 같은 페이지 갱신에 대한 처리가 번거롭다는 단점도 가지고 있다. 위에서 말한 단점의 경우 페이지 AJAX가 단순 데이터 전송 수단이 아닌 페이지 이동 수단으로 활용할 경우 예를···
JQuery를 이용한 ajax 처리 시 보통 비동기로 처리하지만 동기 처리를 통해 결과값을 받아야하는 경우가 있다. 이때 ajax 옵션에 async:false 를 넣어주면 동기방식으로 처리를 할 수 있기에 자주 사용을 했었는데 특정 기기 환경에서 결과값을 받지 못하는 경우가 발생했다. 처음엔 AJAX 처리시 오류가 발생했나 하여 디버깅을 여러번 해보았지만 ···
AJAX의 기술은 요즘들어 페이지에 없어서는 안될 부분으로 상당히 많이 사용되곤 한다. 물론 아직까지는 대형 사이트의 경우 JQUERY를 그다지 선호호지 않기 때문에 순수 JAVASCRIPT 를 이용하여 자체 스크립팅된 코드를 사용한다. 하지만 알다시피 일개미 개발자에게 주어진 시간이란게 없고 일부 JAVASCRIPT 라이브러리들은 JQUERY 를 요구하기···
HTML 태그의 data 속성은 공식 지원되는 객체 속성으로 jquery를 사용하여 data 속성을 가져오게 되면 객체형태로 쉽게 받을 수 있기때문에 활용도가 높은 편이다. 이번편은 data 속성은 잘 알려져 있기에 이번편에서는 data 속성과 같이 특정 속성을 저장하고 jquery를 통해 객체화 하는 방법에 대해 알아보자. 우선 방법을 소개하기전 data···