sweetalert2 - alert창 관련 오픈소스 라이브러리

 

 

 

 

https://sweetalert2.github.io/

SweetAlert2

 

소개

기본 alert 창을 커스터마이징 할 수 있게 해주는 라이브러리이다.

 

예시

 

기본 alert 창

기본 alert창

 

sweetalert2 라이브러리 적용시

sweetalert2 라이브러리 적용시

 

 

공식 문서가 보기 힘든 다른 공식 문서와 다르게 아주 아주 잘 만들어져있다.

다른 테마로도 적용해서 보여주기도 하고 용법, 예시, 클래스, 메소드 소개 등등 전부 정리가 잘 되어 있다.

초보자도 쉽게 읽고 내려갈 수 있는 UI로 되어있어서 자세한 내용은 공식 가이드북 참조하는게 낫다.

 

설치 방법

 

방법 1 - 직접 내려받아 설치할 경우

npm install sweetalert2

 

방법 2 - HTML에 바로 적용

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

 

적용 예시

이 라이브러리를 이용해서 내 블로그에 적용 해보았다.

화면 해상도의 너비가 1920 미만인 접속자들에게 최초 1회만 alert창을 발생시키게 만들었다.