SweetAlert는 사용자에게 예쁜 팝업 창을 보여주는 자바스크립트 알림 라이브러리입니다. SweetAlert는 기본적으로 팝업 창이 닫힐 때마다 다음 알림을 표시할 수 있도록 연속 실행을 지원합니다. 그러나 때로는 이러한 연속 실행 기능을 비활성화하고 한 번에 하나의 알림만 표시해야 할 수도 있습니다. 이를 위해 SweetAlert에는 allowOutsideClick 옵션을 사용할 수 있습니다.

allowOutsideClick 옵션

allowOutsideClick 옵션은 SweetAlert 팝업 창의 바깥쪽을 클릭해도 닫히지 않도록 설정하는 기능입니다. 이 옵션을 false로 설정하면 팝업 창을 닫기 전까지 다른 알림이 표시되지 않습니다.

아래의 예제 코드를 통해 allowOutsideClick 옵션을 사용하는 방법을 알아보겠습니다.

Swal.fire({
  title: '알림',
  text: '이메일이 정상적으로 전송되었습니다.',
  allowOutsideClick: false
});

위의 코드에서 allowOutsideClick 옵션을 false로 설정하여 팝업 창 바깥쪽을 클릭해도 팝업 창이 닫히지 않도록 설정하였습니다.

결론

SweetAlert의 allowOutsideClick 옵션을 사용하면 연속 실행 기능을 비활성화하고 한 번에 하나의 알림만 표시할 수 있습니다. 이를 통해 사용자에게 더 집중할 수 있는 경험을 제공할 수 있습니다.

더 많은 SweetAlert 사용 방법과 옵션은 SweetAlert 공식 문서를 참고하시기 바랍니다.