Deeb
디비의 DB
Deeb
전체 방문자
오늘
어제
  • 분류 전체보기 (243)
    • Frontend (63)
      • HTML & CSS (27)
      • JavaScript (17)
      • jQuery (8)
      • React (6)
    • Backend (98)
      • Java (19)
      • JDBC (2)
      • Servlet & JSP (13)
      • Spring (17)
      • Project (0)
      • 개발 공부 (11)
      • 문제 풀이 (8)
      • Algorithm (1)
      • DataBase (0)
      • Oracle (18)
      • Error (8)
    • Knou (1)
    • Review (14)
    • TIL (33)
    • 삽질기록 (8)
    • deebtionary (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 자바
  • js
  • For
  • 정의
  • 추천
  • 기초
  • 에러
  • css
  • 방통대
  • 리액트
  • 정처기
  • 한빛미디어
  • 2학기
  • 다형성
  • Java
  • DB
  • 함수
  • 삭제
  • 서평단
  • CLASS
  • DBMS
  • HTML
  • alter
  • 후기
  • 공부
  • 책
  • 배열
  • GIT
  • 클래스
  • 방송대

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Deeb

디비의 DB

[SweetAlert] 자바 API alert
카테고리 없음

[SweetAlert] 자바 API alert

2022. 2. 12. 23:10

https://sweetalert.js.org/

SweetAlert

You've arrived! How lovely. Let me take your coat. Oops! Seems like something went wrong! Delete important stuff? That doesn't seem like a good idea. Are you sure you want to do that?

sweetalert.js.org

일반 alert만 사용해오다가 업그레이드(?) 버전인 sweetalert를 알게되었습니다.
홈페이지에 들어가면 친절하게 예시화면과 바로 사용할 수 있는 코드가 있습니다.


cdn 방식 추가해서 footer에 추가
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

콘솔에서 작동하는지 확인 가능
swal을 이용해 가능


이런식으로 js객체 형식으로 사용 가능
icon: -> 초록색으로 뜸

swal({
title: "회원 가입 성공",
text: "회원가입되었습니다!",
icon: "success"
});

swal({
title: "회원 가입 실패",
text: "회원가입 실패했습니다!",
icon: "error"
});
icon: warning도 있기때문에 총 3개의 값 필요

반응형
    Deeb
    Deeb

    티스토리툴바