SweetAlert는 사용자에게 알림을 표시하는 데 사용되는 JavaScript 라이브러리입니다. SweetAlert를 사용하면 매우 간편하고 깔끔한 알림을 만들 수 있습니다.

SweetAlert는 다양한 옵션을 제공하여 원하는 형식과 스타일로 알림을 커스터마이즈할 수 있습니다. 아래는 SweetAlert의 주요 알림 표시 옵션 몇 가지 입니다.

1. title (문자열): 알림의 제목을 지정합니다.
2. text (문자열): 알림의 내용을 지정합니다.
3. icon (문자열): 알림에 표시할 아이콘을 지정합니다. 예를 들어, success, error, warning 등의 값을 지정할 수 있습니다.
4. buttons (객체): 알림에 표시할 버튼을 지정합니다. 버튼은 텍스트와 콜백 함수로 구성됩니다.
5. closeOnClickOutside (부울): 다이얼로그 밖을 클릭할 때 알림을 닫을지 여부를 지정합니다.

다음은 SweetAlert를 사용하여 알림을 만들고 옵션을 설정하는 예제 코드입니다.

swal({
  title: "안녕하세요!",
  text: "SweetAlert를 사용하여 알림을 표시합니다.",
  icon: "success",
  buttons: {
    confirm: {
      text: "확인",
      value: true,
      visible: true,
      className: "btn-primary",
      closeModal: true
    }
  }
});

위의 코드는 title에 “안녕하세요!”라는 제목을, text에 “SweetAlert를 사용하여 알림을 표시합니다.”라는 내용을 지정하고, icon은 성공을 의미하는 아이콘을 사용합니다. buttons는 “확인”이라는 텍스트를 갖는 버튼을 하나 표시하며, 클릭 시 다이얼로그를 닫습니다.

SweetAlert의 다양한 옵션과 자세한 사용법은 공식 문서를 참조하시기 바랍니다.

• SweetAlert 공식 문서
• SweetAlert GitHub 리포지토리