React Native에서의 Lottie란? (JSON 형태의 애니메이션)
개요 로딩 스피너, 성공 체크 애니메이션, 온보딩 모션, 좋아요 버튼의 하트 터지는 효과 — 요즘 앱에서 흔히 보이는 이런 동작들 상당수가 Lottie로 만들어진다. 이 글은 Lottie가 무엇인지부터, React Native CLI 환경에서 실제로 붙이고 제어하는
Velog(@diso592)에 정리한 프론트엔드·React Native 학습과 실무 궤적을 태그 중심으로 재구성했습니다.
Velog GraphQL → 배포 파이프라인 → RSC 정적 렌더링까지의 흐름
Velog @diso592
GraphQL API
scripts/fetch-velog.ts
try/catch + exit(0)
src/data/velog-posts.json
committed seed
Next.js 16 RSC
utilFetchVelogArchive
/{locale}/writings
static HTML
GitHub Actions cron이 velog RSS를 폴링해 새 글 감지 시 배포 웹훅을 트리거합니다.
SOURCE
velog.io/@diso592 posts + tags
FETCH
배포 시 GraphQL 커서 페이지네이션
SEED
커밋된 시드, 실패 시 이전 JSON 유지
RENDER
서버에서 fs로 로드, RSC 정적 렌더링
OUTPUT
/{locale}/writings 정적 HTML