웹 UI 라이브러리인 GWC에서 제공하는 gwcConfirm 함수에 대한 예제 코드입니다.
먼저 DOM 구성은 다음과 같습니다.
그리고 CSS 구성은 다음과 같구요.
.center { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
js 코드는 다음과 같습니다.
window.onload = () => { button.onclick = event => { gwcConfirm("데이터를 서버에 저장할까요?", () => { gwcMessage("완벽하게 저장했습니다.") }, () => { gwcMessage("저장하지 않았습니다.", true) }, () => { gwcMessage("취소했습니다.")} ); }; };
실행 결과는 다음과 같습니다.