# skeleton

8개의 포스트
post-thumbnail

next.js에서 이미지 스켈레톤 처리하기

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

2022년 4월 11일
·
0개의 댓글
post-thumbnail

영화 검색 서비스

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

2021년 12월 31일
·
0개의 댓글

[UI] react lazy && skeleton ui

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

2021년 12월 8일
·
0개의 댓글
post-thumbnail

iOS SkeletonView 찍어먹기

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

2021년 9월 3일
·
0개의 댓글
post-thumbnail

React에서 Ant Design Skeleton으로 로딩 관리하기

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

2021년 6월 14일
·
0개의 댓글
post-thumbnail

PureCSS로 Skeleton UI 제작하기

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

2021년 6월 7일
·
0개의 댓글

스켈레톤 컴포넌트 만들기

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

2021년 1월 31일
·
0개의 댓글

Skeleton: 극 미니멀을 추구하는 반응형 CSS 라이브러리

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

2020년 1월 30일
·
0개의 댓글