data-fetching-patterns이란?
렌더링 시 가져오기, 가져온 후 렌더링, 가져올 때 렌더링, 서버 측 데이터 가져오기를 포함한 데이터 가져오기 전략을 설명합니다. 데이터 로딩을 구현하거나, 로딩 성능을 최적화하거나, 클라이언트와 서버 데이터 가져오기 중에서 선택할 때 사용합니다. 출처: farming-labs/fm-skills.
렌더링 시 가져오기, 가져온 후 렌더링, 가져올 때 렌더링, 서버 측 데이터 가져오기를 포함한 데이터 가져오기 전략을 설명합니다. 데이터 로딩을 구현하거나, 로딩 성능을 최적화하거나, 클라이언트와 서버 데이터 가져오기 중에서 선택할 때 사용합니다.
명령줄에서 data-fetching-patterns AI 스킬을 개발 환경에 빠르게 설치
출처: farming-labs/fm-skills.
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.
렌더링 시 가져오기, 가져온 후 렌더링, 가져올 때 렌더링, 서버 측 데이터 가져오기를 포함한 데이터 가져오기 전략을 설명합니다. 데이터 로딩을 구현하거나, 로딩 성능을 최적화하거나, 클라이언트와 서버 데이터 가져오기 중에서 선택할 때 사용합니다. 출처: farming-labs/fm-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/farming-labs/fm-skills --skill data-fetching-patterns렌더링 시 가져오기, 가져온 후 렌더링, 가져올 때 렌더링, 서버 측 데이터 가져오기를 포함한 데이터 가져오기 전략을 설명합니다. 데이터 로딩을 구현하거나, 로딩 성능을 최적화하거나, 클라이언트와 서버 데이터 가져오기 중에서 선택할 때 사용합니다. 출처: farming-labs/fm-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/farming-labs/fm-skills --skill data-fetching-patterns 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/farming-labs/fm-skills