SweetAlert는 사용자에게 경고, 확인 또는 입력을 요청하는 팝업 창을 생성하는 데 사용되는 JavaScript 라이브러리입니다. SweetAlert팝업의 버튼 텍스트를 설정하는 방법을 알아보겠습니다.

SweetAlert 팝업에서 버튼 텍스트를 설정하려면 buttonsStyling 옵션을 사용해야 합니다. 이 옵션을 false로 설정하여 기본 버튼 스타일이 아닌 사용자 정의 버튼 텍스트를 사용할 수 있습니다.

다음은 SweetAlert 팝업에서 버튼 텍스트를 설정하는 예입니다.

Swal.fire({
  title: '경고',
  text: '이 작업은 실행 취소할 수 없습니다!',
  icon: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: '확인',
  cancelButtonText: '취소',
  buttonsStyling: false
}).then((result) => {
  if (result.isConfirmed) {
    Swal.fire(
      '수행됨!',
      '작업이 성공적으로 수행되었습니다.',
      'success'
    )
  } else if (result.dismiss === Swal.DismissReason.cancel) {
    Swal.fire(
      '취소됨',
      '작업이 취소되었습니다.',
      'error'
    )
  }
});

위 예제에서 confirmButtonText와 cancelButtonText 속성을 사용하여 버튼의 텍스트를 설정합니다. buttonsStyling 속성을 false로 설정하여 기본 버튼 스타일을 사용하지 않고 사용자 정의 버튼 텍스트를 사용합니다.

이와 같이 SweetAlert을 사용하여 팝업 창에 버튼 텍스트를 설정할 수 있습니다. 이를 통해 사용자에게 명확하고 직관적인 경고 메시지를 전달할 수 있습니다.

더 많은 SweetAlert 옵션에 대해서는 공식 문서를 참조하세요.