BinaryYujin

이번에 회사에서 AJAX 요청시 이벤트 핸들러를 사용해서, 클라이언트에서 Exception및 인증로직을 추가해보았는데요! 유용한 함수인 것 같아서, 정리해보려합니다! ajaxSend() AJAX 요청이 발생하기 직전에 실행되는 이벤트 핸들러를 등록합니다. 이 함수를 사용하여 모든 AJAX 요청에 대한 공통된 전처리 작업을 수행할 수 있습니다. EX) 모든 요청에 인증 헤더 추가, 로딩 표시기 표시 등의 작업 수행 ajaxStart() AJAX 요청이 시작될 때 실행되는 이벤트 핸들러를 등록합니다. 이 함수를 사용하여 AJAX 요청이 시작될 때 특정 작업을 수행할 수 있습니다. EX) 페이지 로딩 표시기 활성화 등 작업 수행 ajaxStop() AJAX 요청이 모두 완료되었을 대 실행되는 이벤트 핸들러를 ..

회사에서 프론트쪽 ajax 전체 핸들링을 하다가, $(function() {...}) 구문이 있는 것과 없는 것의 차이를 깨닫게 되어 기록하려고 합니다. 아직 jQuery와 친해지지 않아, 이런 사소한 차이들에서 코드가 달라지는 게 아직 신기하네요 :) $(function() { ... }) 구문과 $(document).ready(function() { ... }) 구문 두 구문 모두 jQuery에서 문서가 모두 준비되었을 때 실행되는 코드를 정의하는 방법입니다. 두 가지 방법 모두 문서 객체가 완전히 로드된 후에 코드를 실행합니다. 1. 표현방식의 차이 $(function() { ... }) 은 축약된 형태로, 문서 객체가 준비되었을 때 실행되는 코드 블록을 정의합니다. 이는 더 간결한 형태이기 때문에..