Skip to main content
Skip table of contents

Web - 화면 로딩 규칙

초안 문서

중요도에 따라 1~3단계로 정한다. 1단계가 가장 강조가 되고 중요한 로딩

1단계 : 화면 전체 로딩

  • dim 처리되거나 배경이 전체 깔리는 상태

  • 해당 로딩이 되면 어떠한 활동을 하지 못함 (페이지 이동 등등)

  • 시선 집중이 중요한 로딩일 때 사용

  • 첫 접속 시, 처음으로 정보들을 불러올 때 사용

    • 페이지간 이동?

2단계 : 화면 일부, 진행 정도를 나타내는 로딩

  • 현재 진행 정도를 불러올 때 사용

3단계 : 영역 내 부분만 로딩

  • 각 컴포넌트나 패턴에서 대기 상태를 보여줄 때 사용


문서 작성 정보

소유자 / 관리자

김혜진

변경 이력

  • 2022/02/19 : 최초 문서 작성 - 김혜진

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.