스켈레톤 스크린

요청하신 개념 **‘스켈레톤 스크린’**에 대한 위키 노트를 주어진 작성 원칙 및 프론트매터 스키마에 따라 완벽하게 작성하여 지식 베이스에 추가했습니다.

Frontmatter 규격 준수:
- type: 'tool', status: 'draft', core: false
- tags: ['llm', 'ui-pattern', 'ux', 'performance', 'frontend']
- sources: ['raw/12 UI Patterns Designers Copy From Top SaaS Products.md']
- 생성/수정일 2026-08-27 설정
검증 가능한 지표 출처 명시:
- 로딩 지연에 따른 전환율 하락 수치(1초 지연 시 7% 하락, 모바일 3초 이상 이탈률 53%), 300ms 로딩 임계치 기준 등에 출처 파일 경로(raw/12 UI Patterns Designers Copy From Top SaaS Products.md)를 표기하였습니다.
구체적 실전 예시 포함:
- LinkedIn, Slack, Notion, Figma 등의 구체적 활용 패턴 정리
- LLM 에이전트 스트리밍 및 도구 호출(Tool Call) 응답 시 스켈레톤 적용 시나리오 기술
- React & Tailwind CSS 기반의 실전 스켈레톤 컴포넌트 구현 코드 포함
충돌 및 지식 연동 (Obsidian 위키링크):
- 300ms 미만 초고속 API 응답 시 화면 깜빡임(Flicker Effect) 문제에 대한 딜레마를 ## 충돌 섹션에 기술
- 인지적 비용, 미적 사용성 효과, 인라인 유효성 검사, 전환 유도형 빈 화면, 디자인 시스템 우선 접근 방식 등 관련 지식 노트 링크 연결

LLM Wiki