Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 대댓글
- deferred
- DAO
- 우리마
- egov
- 비동기
- Controller
- CRUD
- 외부접속
- Boot
- Spring
- REST
- paginationInfo
- SpringFramework
- modal #alert #sweetalert #sweetAlert #모달
Archives
- Today
- Total
목록modal #alert #sweetalert #sweetAlert #모달 (1)
우리마의 웹 개발
[Modal Popup] SweetAlert 사용하기
웹 페이지에서 Alert, Confirm과 같이 경고창을 띄워야 할 상황이 왕왕 있다. Javascript에서 기본으로 제공하는 alert이나 confirm을 사용해도 무방하지만 modal 창을 이용해 조금 더 세련된 웹 페이지를 만들 수 있다. 다양한 modal ui 가있지만 그중에서도 SweetAlert에 대해 얘기하려고 한다. 구글에 SweetAlert이라고 검색하면 홈페이지에 들어갈 수 있다. 기존의 alert과 sweetAlert를 이용한 경고창을 비교해볼 수 있고, 아래의 Get started 버튼이나 상단의 Guides메뉴를 클릭해 사용법에 대해 알아볼 수 있다. 먼저 어떠한 라이브러리를 사용하려면 라이브러리 파일을 import 해줘야 한다. jquery를 사용할 때 jquery-1.12.4..
WEB/etc
2020. 1. 15. 15:35