#GWC UI Library : gwcMessage 함수

웹 UI 라이브러리인 GWC에서 제공하는 gwcMessage 함수에 대한 예제 코드입니다.

먼저 DOM 구성은 다음과 같습니다.

그리고 CSS 구성은 다음과 같구요.

.center {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1em;
}

js 코드는 다음과 같습니다.

window.onload = () => {
    button1.onclick = event => { 
        gwcMessage(`성공적으로 처리하였습니다. (소요 시간 17초)`);
    };

    button2.onclick = event => { 
        gwcMessage(`네트워크 접속 불가`, true);
    };
};

실행 결과는 다음과 같습니다.

gwcMessage의 세 번째 인자는 확인 버튼을 클릭하면 호출되는 콜백 함수를 지정할 수 있습니다.