Keyboard shortcuts

Press ← or → to navigate between chapters

Press ? to show this help

Press Esc to hide this help

사용자 위젯의 크기 결정

호스트가 공간을 정하는 배치와 위젯 내용이 공간을 정하는 배치를 구분합니다.

배치위젯의 설정
호스트가 공간을 제공Workshop의 absolute/flex 배치처럼 주어진 영역을 채웁니다. html과 body에 필요한 height 또는 width의 100%를 적용하여 자식 내용이 제공된 공간에 맞춰지게 할 수 있습니다.
내용으로 크기 결정Workshop의 auto 배치처럼 body 크기가 호스트의 크기 계산에 사용됩니다. html과 body에 height:100% 또는 width:100%를 적용하지 않습니다.

내용 기반 배치는 자식 내용에 따라 body가 자연스럽게 커지고 줄어들도록 스타일을 정합니다. 이 자동 크기 기능에는 @osdk/widget.client-react 3.3.0 이상이 필요합니다.

어느 쪽이 크기를 결정하는지 먼저 정한 뒤 Workshop에 삽입하여 호스트의 표시 설정과 맞춥니다.