# 스켈레톤

6개의 포스트
post-thumbnail

SkeletonView 라이브러리를 사용해보자

https://github.com/Juanpe/SkeletonView 를 사용하여 스켈레톤뷰를 구현합니다.

2023년 2월 12일
·
0개의 댓글
·
post-thumbnail

React | 이미지 스켈레톤 UI 적용하기 (CLS 개선하기, webvital 점수 개선)

스켈레톤 UI는 서버로부터 데이터를 가져오는 동안, 앞으로 보여질 컨텐츠를 대략적으로 표현하는 UI이다.사용자는 빈 화면을 보며 하염없이 기다리는 것 보다, 스켈레톤 UI 를 통해 지루함을 해소할 수 있다.스켈레톤 UI 는 일반적인 로딩 스피너보다 컨텐츠를 구체적으로

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

스켈레톤 만들기

기존 스켈레톤 구현 방식이 맘에 들지않아 스켈레톤 컴포넌트를 새로 설계하고 구현해봤다.

2022년 1월 24일
·
0개의 댓글
·
post-thumbnail

렌더링을 역동적이게!<2>

저번시간에는 렌더링시에 위젯이 커지는 효과를 넣어봣다면, 이번엔 스켈레톤을 간단하게 만드려고한다.일단 스켈레톤은 이미 플러그인이있다. 하지만 역시 한번 만들어보는것도 나쁘지 않기때문에 구현해보려고한다.먼저 예제를 만들기위해 간단하게 페이지를 구상해보았다일단 위에 오늘의

2022년 1월 16일
·
0개의 댓글
·
post-thumbnail

카드 확장, 검색 창 숨기기, placeholder

간단한 기능 3가지를 구현하였다.첫번째는 카드를 누르면 늘어나는 기능,두번째는 검색 버튼을 눌렀을때 비로소 검색창이 나타나는 기능,세번째는 카드 정보 로딩되는 공간을 알려주는 스켈레톤 기능이다.코드는 여기!HTMLh3를 panel div안에 감쌌다. 그리고 panel

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

스켈레톤 컴포넌트 만들기

💬 출처 : https&#x3A;//ui.toast.com/weekly-pick/ko_20201110

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