모달창 [TEAM PROJECT]

이쁜 alert 를 위해 
sweetAlert를 사용했다.

CDN(Content Delivery Network)

 

CDN 이란...?

여러분들이 사용하고자 하는 누군가의 js 파일을 사용하고자 한다면, 코드를 직접 다운 받거나 복사하여 우리 프로젝트에 맞게 적용시키는 과정이 필요하다.

하지만 CDN를 이용하여 JS 파일을 다운로드 받으면, 단 한 줄의 코드로 파일을 다운로드 할 수 있게 된다.

 

https://www.jsdelivr.com/

jsDelivr - A free, fast, and reliable CDN for JS and Open Source

CDN 사용 혹은 여기서 다운가능하다.

 

그 이후에 다음처럼 사용이 가능하다.

 

wal.fire({
   title: '정말 그렇게 하시나요?',
   text: '다시 되돌릴 수 없으니 신중하게 선택하세요..',
   icon: 'warning',
   
   showCancelButton: true, // cancel버튼 보이기. 기본은 원래 없음
   confirmButtonColor: '#3085d6', // confrim 버튼 색깔 지정
   cancelButtonColor: '#d33', // cancel 버튼 색깔 지정
   confirmButtonText: '승인', // confirm 버튼 텍스트 지정
   cancelButtonText: '취소', // cancel 버튼 텍스트 지정
   
   reverseButtons: true, // 버튼 순서 거꾸로
   
}).then(result => {
   // 만약 Promise리턴을 받으면,
   if (result.isConfirmed) { // 만약 모달창에서 confirm 버튼을 눌렀다면
   
      Swal.fire('승인 완료', '승인 되었습니댜.', 'success');
   } else if (result.isDismissed) { // 만약 모달창에서 cancel 버튼을 눌렀다면
    	// ...실행
    }
});