0xGF/boneyard
TypeScript13 / 0
실제 렌더링된 DOM의 위치 정보를 스냅샷으로 찍어 픽셀 단위로 정확한 스켈레톤 로딩 화면을 자동으로 생성하는 TypeScript 프레임워크이다.
핵심 포인트
- getBoundingClientRect API를 사용하여 실제 요소와 동일한 위치의 뼈대를 추출함
- 다양한 중단점에 대응하는 반응형 스냅샷을 생성하여 기기별 레이아웃을 지원함
- CLI 도구를 통해 개발 서버의 DOM 상태를 자동으로 빌드하고 레지스트리에 저장함
- 애니메이션 효과와 색상을 Props로 제어하여 브랜드 가이드라인에 맞게 조정함
2.8k
STARS
101
FORKS
+928
TRENDING
13
조회수
관련 토론
아직 관련 토론이 없습니다.
댓글
댓글을 작성하려면 로그인이 필요합니다.
