( •̀ ω •́ )✧
230329: 로딩 화면 구현 본문
✅ 로딩 화면
- 빅데이터 프로젝트다보니 메인 - 상세 페이지로 넘어가는 시점에서 받아오는 데이터가 많아서 로딩 화면을 만들었다.
- 긴 로딩 시간 문제를 해결하기 위해 기능적으로 속도를 줄이는 방법도 있지만 디자인적(UX)으로도 해당 문제를 개선할 수 있다.
- 로딩 스피너 혹은 프로그레스 바로 간단하게 구현할 수도 있고, 대기 시간이 더 길다면 간단한 읽을 거리를 제공한다거나 사이트와 관련된 애니메이션을 가볍게 넣어보는 것도 좋을 것 같다.
- 나는 우리 사이트와 관련있는 지구와 비행기 (세계여행) 애니메이션과 사이트 이름을 넣어서 로딩 화면을 만들었다.!
- 추가로 첫 화면에도 로고 + 지구 확대되며 나타나는 효과를,,!
'🐳 프로젝트 일지' 카테고리의 다른 글
[Back-end] 2. Spring Security 설정 (SecurityConfig) + JWT (0) | 2023.06.23 |
---|---|
[Back-end] 1. Redis 설정 (RedisConfig) (0) | 2023.06.23 |
230328: 스크롤 이벤트 / useMemo&useCallback (0) | 2023.03.28 |
230323: React 반응형 웹 / state 불변성 (0) | 2023.03.23 |
Comments