Flutter 웹에 로딩 표시 추가

Flutter 웹 앱의 HTML 셸에 CSS 기반 로딩 스피너를 추가해 시작 지연을 가릴 수 있습니다.

JavaScript의 flutter-first-frame 이벤트를 사용해 첫 프레임이 렌더링되면 스피너를 제거합니다.

index.html에 인디케이터를 배치하고 CSS로 스타일링해 앱이 준비될 때까지 중앙에 보이게 합니다.

이를 통해 실제 로딩 중에도 사용자에게 더 빠른 시작처럼 보여 UX가 개선됩니다.