Skeleton Scr Setting¶
목적
네트워크 환경이 불안정할 때, Web 화면 실행 시 UI가 표시되기 전에 미리보기용 화면(Preview 화면)을 설정하는 기능
주요 단계¶
1. Web 화면 UI 구성¶
<사진 1> 웹 화면에서 UI가 표시될 구조를 설정 화면
2. Preview 화면 "Skeleton Screen" 세팅¶
<사진 2>Skeleton Screen을 적용하여 미리보기 화면을 설정
3. "Skeleton Screen" 구성 및 확인 버튼 클릭¶
o Skeleton Screen을 설정한 후 확인 버튼을 클릭하여 적용
<사진 3> Skeleton Screen 설정 화면
| Name | Description |
|---|---|
| Waiting mode effect | 미리보기 화면이 출력된 뒤 실제 Application 화면이 나타나기 전까지의 효과 |
| Use of glass | Skeleton Screen에 흐릿한(Blurry) 효과를 적용할지 여부 |
| Glass concentration | Blurry 효과의 강도를 조절 (0~100, 숫자가 클수록 더 흐릿해짐) |
4. Skeleton Screen 구성 확인¶
<사진 4> Skeleton Screen적용 팝업 화면
o Skeleton Screen 구성 후 팝업창에서 "Yes"를 클릭하여 적용
o 현재 Application의 Preview 영역을 Skeleton Screen으로 구성
5. Skeleton Screen 사용 설정¶
o Skeleton Screen을 적용하려면 특정 설정이 필요
<사진 5> Skeleton Screen 적용 설정 화면
6. Application 실행 후 Skeleton Screen 적용 확인¶
o Application 실행 시 Skeleton Screen이 먼저 출력된 후 실제 Application 화면이 표시되는지 확인
<사진 6> Skeleton Screen 적용 화면