Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- toast
- 모듈 배포하기
- 주간 회고
- 자바스크립트
- CSS
- 자바
- 러닝 자바스크립트
- Hello Coding HTML5+CSS3
- 토이프로젝트
- ES6
- 인사이드 자바스크립트
- 개인 프로젝트
- AWS
- 자바스크립트 객체
- 프로그래머스
- 레인지 슬라이더
- html
- 알고리즘
- 우아한테크코스
- 코드스쿼드
- 리액트
- 우아한형제들
- npm
- 우아한테크캠프 4기
- 우아한테크캠프
- 네이버 테크 콘서트
- 회고의 회고
- 토이 프로젝트
- 함수
- express
Archives
- Today
- Total
목록UX (1)
블로그
[TOAST] 더 나은 UX를 위한 React에서 스켈레톤 컴포넌트 만들기를 읽고
https://ui.toast.com/weekly-pick/ko_20201110 이번에 코드스쿼드에서 투두리스트 미션을 진행하며, 초기 로딩 시 잠깐 지연이 발생하는 시간 동안 로딩 UI를 보여주면 어떨까라고 생각했었는데 생각만으로 그쳐버렸다. 하여 다음 미션에라도 구현을 해보자고 생각하며 찾아보던 중 스켈레톤 UI를 알게되고 여차해서 토스트의 포스팅까지 도달하게 됐다. 스켈레톤 UI는 프로그레스바, 로딩 UI 등을 콘텐츠를 불러오는 동안 사용자의 지루함을 줄여주는 목적을 가지고 있는 UI를 의미한다. 읽으면서 문득 이전 회사에서 간단한 스피너를 만들어서 사용했던 기억이 떠올랐다. 몇몇 API의 응답 시간이 길었기에 개선 기간 동안 잠시 사용하려던 UI였지만 막상 만들고 나서 적용했더니 클라이언트가 예상..
아티클
2021. 4. 17. 01:49