[Javascript] sweetAlert (알림팝업창) 사용하기 (사용법, 사용예제) ■ Javascript sweetAlert (알림팝업창) 사용하기 (사용법, 사용예제) ■ 플러그인 추가 ■ 사용법 swal('제목', '내용', '아이콘'); ■ 아이콘 ■ 예제 swal('로그인 실패!', "아이디와 비밀번호를 확인해 주세요", 'warning'); Javascript 2022.03.07
[Javascript] Toast 창 토스트 메시지 띄우기 (사라지는 모달창) ■ Javascript Toast 창 토스트 메시지 띄우기 (사라지는 모달창) Toast(토스트) 메시지 창 짧은 메시지를 사용자(유저)에게 일정 시간 노출시킨 후 자동으로 사라지는 팝업으로 버튼 클릭 또는 어떠한 액션을 취한 이후 변경시점 또는 정보 전달 시 직관적으로 알려주기 좋음 ■ 예제 CSS #toast { position: fixed; bottom: 30px; left: 50%; padding: 15px 20px; transform: translate(-50%, 10px); border-radius: 30px; overflow: hidden; font-size: .8rem; opacity: 0; visibility: hidden; transition: opacity .5s, visibility.. Javascript 2022.03.04