← 목록
expo
앱 데이터 불러오기 (Expo)
Expo·React Native 앱에서 서버 데이터를 불러오고, 캐시·오프라인·로딩 화면까지 제대로 처리하게 해줘요.
비용무료
| 카테고리 | 코딩·개발 |
|---|---|
| 난이도 | 중급 |
| 쓸 수 있는 곳 | Claude Code |
| 검수 | 검수 통과 |
| 원래 이름 | expo-data-fetching |
| 만든 곳 | expo/skills |
| 라이선스 | MIT |
| GitHub 별 | 3,003개 |
이럴 때 쓰세요
- 앱에서 API를 불러오는 코드를 짤 때
- 네트워크 오류나 로딩 화면 처리가 엉망일 때
어떻게 동작하나요
- 시작
데이터가 필요한 앱 화면
- 1
fetch, React Query 같은 방법 중 맞는 걸 골라요
- 2
오류, 빈 화면, 로딩 상태를 빠짐없이 처리해요
- 3
캐시와 오프라인 동작까지 맞춰요
- 결과
안정적인 데이터 불러오기 코드
필요한 것
| 준비물 | 바로가기 |
|---|---|
| Node.js | - |
| Expo 프로젝트 | - |
필요할 수 있는 키
코드에서 찾은 키 이름: STRIPE_SECRET_KEYTOKEN_KEY
검수 결과
검수 통과
| 검사한 파일 | 4개 |
|---|---|
| 위험·주의 신호 | 1개 (아래 검토 결과 참고) |
| 참고 사항 | 인터넷에 연결해요 |
결제나 코인 송금 기능이 있어요
모르는 사이 돈이 나갈 수 있는 기능이에요. 정말 필요한 기능인지 확인해야 해요.
references/expo-router-loaders.md:202
검토 결과: 문제 없음
자동 검사가 결제 회사(Stripe) 주소에 걸렸어요. 확인해 보니 서버에서 데이터를 불러오는 방법을 설명하는 예시 코드예요. 결제를 일으키는 코드는 없어요. Expo 팀이 만든 공식 스킬이에요.
설치 방법
Claude Code (터미널)
명령어를 치는 창(터미널)에 아래를 붙여 넣어요. git이 없다면 git 다운로드 ↗
git clone --depth 1 https://github.com/expo/skills
cp -r skills/plugins/expo/skills/expo-data-fetching ~/.claude/skills/expo-data-fetchingWindows는 ~/.claude/skills 대신 %USERPROFILE%\.claude\skills 폴더에 복사해요.
후기 0
아직 후기가 없어요
별점과 "좋았던 점 / 아쉬운 점" 후기는 다음 단계에서 로그인과 함께 열려요.