React Native에서 모달 등장 시 미세한 jank 원인을 추적한 기록
개요 React Native + Tamagui Dialog로 만든 알림 모달이 등장할 때마다 미세한 jank가 발생했다. 처음엔 모달 컴포넌트 자체가 무겁다고 의심했지만, 진짜 범인은 모달이 뜨는 그 순간 같이 발사되는 5개의 네트워크 요청이었다. 이 글은 그 원인을
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