React Native 에서 이미지 최적화 (3. 이미지 Preload시 주의사항)
1. Preload의 핵심 원칙 프리로드하는 URL은 컴포넌트가 실제로 렌더링할 URL과 글자 단위까지 동일해야 한다. FastImage는 URL(+헤더)를 캐시 키로 쓰기 때문에, URL이 조금이라도 다르면 다른 캐시로 취급되어 프리로드가 무효가 된다. 2. 리사이
A tag-first restructuring of my frontend and React Native learning notes and retrospectives, curated on Velog (@diso592).
1. Preload의 핵심 원칙 프리로드하는 URL은 컴포넌트가 실제로 렌더링할 URL과 글자 단위까지 동일해야 한다. FastImage는 URL(+헤더)를 캐시 키로 쓰기 때문에, URL이 조금이라도 다르면 다른 캐시로 취급되어 프리로드가 무효가 된다. 2. 리사이
개요 모던 웹·앱에서 이미지를 다룰 때, 원본 이미지를 그대로 내려받는 경우는 거의 없다. 대신 이미지 CDN 또는 이미지 변환 서버(image transformation server)에 쿼리 파라미터를 붙여서 "내가 필요한 크기·품질·포맷으로 변환해서 내려달라"고
개요 ``만 잘 써도 대부분의 화면은 동작한다. 하지만 리스트 → 상세 화면 전환에서 이미지가 한 박자 늦게 뜨는 깜빡임, 무거운 갤러리 화면 진입 후 앱이 버벅이거나 백그라운드에서 강제 종료(OOM kill)되는 현상, 사용자 저장 공간을 잡아먹는 누적 디스크 캐시
Velog GraphQL → deployment pipeline → RSC static rendering
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
A GitHub Actions cron polls the velog RSS and triggers a deploy webhook when a new post is detected.
SOURCE
velog.io/@diso592 posts + tags
FETCH
GraphQL cursor pagination on deploy
SEED
committed seed, previous JSON retained on failure
RENDER
server fs load, RSC static rendering
OUTPUT
/{locale}/writings static HTML