data-fetching-patterns
✓렌더링 시 가져오기, 가져온 후 렌더링, 가져올 때 렌더링, 서버 측 데이터 가져오기를 포함한 데이터 가져오기 전략을 설명합니다. 데이터 로딩을 구현하거나, 로딩 성능을 최적화하거나, 클라이언트와 서버 데이터 가져오기 중에서 선택할 때 사용합니다.
SKILL.md
Data fetching is how your application retrieves data from APIs or databases. The pattern you choose affects performance, user experience, and code complexity.
| Server (build) | Build time | Static content (SSG) | | Server (request) | Each request | Dynamic content (SSR) | | Client (browser) | After hydration | Interactive, real-time | | Edge | At CDN edge | Personalization, A/B tests |
Stream HTML to the browser as soon as each part of your UI is ready—even if it's out of order—letting users see content without having to wait for everything.
렌더링 시 가져오기, 가져온 후 렌더링, 가져올 때 렌더링, 서버 측 데이터 가져오기를 포함한 데이터 가져오기 전략을 설명합니다. 데이터 로딩을 구현하거나, 로딩 성능을 최적화하거나, 클라이언트와 서버 데이터 가져오기 중에서 선택할 때 사용합니다. 출처: kinfe123/fm-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/kinfe123/fm-skills --skill data-fetching-patterns- 카테고리
- {}데이터 분석
- 인증됨
- ✓
- 최초 등록
- 2026-02-11
- 업데이트
- 2026-02-18
빠른 답변
data-fetching-patterns이란?
렌더링 시 가져오기, 가져온 후 렌더링, 가져올 때 렌더링, 서버 측 데이터 가져오기를 포함한 데이터 가져오기 전략을 설명합니다. 데이터 로딩을 구현하거나, 로딩 성능을 최적화하거나, 클라이언트와 서버 데이터 가져오기 중에서 선택할 때 사용합니다. 출처: kinfe123/fm-skills.
data-fetching-patterns 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/kinfe123/fm-skills --skill data-fetching-patterns 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/kinfe123/fm-skills
상세
- 카테고리
- {}데이터 분석
- 출처
- skills.sh
- 최초 등록
- 2026-02-11