#GWC UI Library : Image

웹 UI 라이브러리인 GWC에서 제공하는 Image 컴포넌트에 대한 예제 코드입니다.

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

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

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

gwc-image {
    width: 15em;
    height: 15em;
}

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