본문 바로가기 메뉴 바로가기

YG - 96년생 , 강아지 있음, 개발자 희망

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

YG - 96년생 , 강아지 있음, 개발자 희망

검색하기 폼
  • 분류 전체보기 (401)
    • Html,Css (25)
      • Html (3)
      • Css (20)
    • 자바스크립트 (38)
    • react (23)
    • react native (10)
    • 포트폴리오 (25)
    • 배포 (12)
    • git (2)
    • 프리온보딩 프론트앤드 코스 2기 TIL (17)
    • 알고리즘 (156)
      • 백준 문제풀이 (72)
      • 프로그래머스 문제풀이 (7)
      • 코딩테스트 공부 (74)
    • 기술 서적 TIL (13)
      • 실용주의 프로그래머 (12)
    • Python (6)
    • C언어 (3)
    • 우아한테크코스 (5)
    • 일상 (5)
    • Next.js (5)
    • Database (1)
    • Electron (4)
  • 방명록

Skeleton (1)
웨이브 형태의 스켈레톤 만들기 (맥박 X)

저는 맥박 형태에서 웨이브로 바꾸려고 시도했는데 바꾸기가 어려웠습니다. 팀원 제로가 만들어줘서 기록해두려고 합니다. 맥박 형태보다 웨이브 형태가 좋은 이유 Bill Chung의 연구에 따르면 스켈레톤 내 애니메이션을 규칙에 맞게 사용하면 사용자가 더 로딩 시간을 더 짧게 느끼게 된다고 합니다. 맥박보다는 웨이브 효과 왼쪽에서 오른쪽으로 움직이는 애니메이션 애니메이션은 Skeleton 컴포넌트에 주의를 끌만큼 빠르지 않아야 함 Everything you need to know about skeleton screens How do we know that skeleton screens actually work? uxdesign.cc CSS 속성 { border-radius: 4px; background-col..

Html,Css/Css 2023. 8. 15. 21:51
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 노마드코더
  • 북클럽
  • Storybook
  • WSL2
  • electron
  • 아차산
  • import/order
  • jest
  • google
  • nextjs
  • javascript
  • 프리온보딩
  • env
  • 초보
  • 우아한테크코스
  • 프론트앤드
  • 윤성우 열혈C프로그래밍
  • 원티드
  • 위코드
  • React
  • createPortal
  • error
  • NextRequest
  • 노개북
  • TopLayer
  • nodejs
  • 스토리 북
  • NextApiRequest
  • CLASS
  • C언어
more
«   2025/05   »
일 월 화 수 목 금 토
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 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바