# skeleton

ghenmaru

요즘은 무한 스크롤 다 쓰잖아요? 저도 한번 해보겠습니다.

ttoottie

앱에서 데이터를 서버 및 로컬로부터 불러오는 경우가 많은데 이런 작업들은 대부분 비동기로 동작합니다. 로딩 UI가 구성되어있지 않으면 사용자들은 데이터가 다 불러와지기 전에 다른 행동을 할 여지가 있고, 이 행동은 에러로 이어질 수 있습니다.기대하지않은 에러를 방지하고

minuk3508

데이터 로딩 화면 UI

sangbooom

평소에 스켈레톤 처리를 하려면 antd의 스켈레톤을 가져다가 사용했다. next에서 스켈레톤은 텍스트에 적합하지만 이미지엔 적합하지않다. 이미지는 여러가지 제약사항이 있기 때문에 스켈레톤처리 후에도 빈 화면이 뜰 수 있다.

yhko1992

Netlify Statushttps://developers.themoviedb.org/4/getting-started/authorization 의 api를 이용해 영화 검색 서비스를 만들어봄.pagination 같은 경우 컴포넌트로 따로 빼서 구현하고 싶었음.

raverana96

사진을 불러올 때, 빈 칸이 생겨서 랜더링을 하면서 요소가 이동한다고 생각해서 그 안에 skeleton ui를 넣어주기로 했다. 여기에 keyframes를 사용해서 animation을 넣었다. react lazy, suspensehttps://velog.io/

dvhuni

안녕하세요 !! 오늘은 관심있게 보고있던 SkeletonView 라이브러리를 직접 적용해 보겠습니다~ 🤪

jungpyolee

비동기적 데이터를 가져오는 로딩시간 동안 사용자들은 멍하니 기다려야 한다. 이에 대한 더 나은 사용자 경험을 제공하기 위한 방법에 대해 다뤄보려한다.

eunoia

웹 제작을 하면서 검색엔진의 응답속도가 데이터가 늘어남에 따라 최대 3초까지 걸리는 현상이 발생하게 되어 전에 재미있게 봤었던 '더 나은 UX를 위한 React에서 스켈레톤 컴포넌트 만들기' 포스팅을 참고해 Skeleton UI를 돌입하기로 했습니다.출처스켈레톤 UI는

kyh196201

💬 출처 : https://ui.toast.com/weekly-pick/ko_20201110

devknth

부트스트랩이나 리액트에서 많이 쓰는 Material UI 같은 UI Framework 들은 많이 알려져 있지만, 상대적으로 Skeleton CSS는 많이 알려지진 않은 것 같다. 아마도 'skeleton'이라는 단어 자체가 한글 뜻 그대로 '뼈대'라는 의미로 프로그래밍에서 너무 많이 쓰이는 단어이기 때문일 것이다. skeleton CSS라는 용어도 사실...