Thanks for reading!

© 2026 · Bang Eunsu

Back to resume

Writings & Retrospectives

velog.io/@diso592RSS

A tag-first restructuring of my frontend and React Native learning notes and retrospectives, curated on Velog (@diso592).

Collected as of 2026.08.18 09:05
50 writings
8 tags

Skill Map

  • React Native48 posts
    1. React Native에서 모달 등장 시 미세한 jank 원인을 추적한 기록
    2. React Native 가상화 리스트 컴포넌트의 성능 관련 props 모음
    3. React Native에서의 콜드 스타트 최적화 & UX 전략
    4. ios에서 usb 연결하고 빌드 후 Metro 와의 연결이 끊길 때
    5. React Native 에서의 메모이제이션 (4. React Compiler 적용시 지켜야할 필수 규칙들)
  • State Management1 posts
    1. Tanstack Query에서 mutation 으로 달라지는 파라미터 variable?
  • By tag
  • By time

Tag Cloud

  • All
  • react native48
  • build-and-deploy6
  • optimization6
  • memoization4
  • Debuging1
  • iOS1
  • tanstack-query1
  • trouble shooting1
  • React Native 에서 Fastlane으로 배포 파이프라인 설계하기 (6. android 의 Fastfile)

    2026.07.26

    이제 android/fastlane/Fastfile이 실제로 어떤 일을 하는지 lane 단위로 뜯어본다. 앞 편에서 만든 keystore·Service Account·.env 토대 위에 드디어 진짜 빌드·업로드 코드를 얹는 단계다. 구조는 iOS 편과 거의 대칭이다.

    In-house RN app
  • React Native 에서 Fastlane으로 배포 파이프라인 설계하기 (5. android 배포 자동화의 환경 구성)

    2026.07.24

    개요 이번 편이 끝나면 다음 세 줄로 환경별 Play Store 트랙 업로드가 끝난다. 내부적으로는 각각 다음 명령을 호출한다. 이를 위해 다루는 내용은 다음과 같다. Android keystore(업로드 키) 생성과 안전한 보관 Play App Signing

    In-house RN app
  • React Native 에서 Fastlane으로 배포 파이프라인 설계하기 (4. ios 의 Fastfile)

    2026.07.22

    이제 ios/fastlane/Fastfile이 실제로 어떤 일을 자동화하는지, lane 단위로 뜯어본다. 앞 편에서 만든 서명·환경 토대(match, .env, 인증서) 위에 드디어 진짜 빌드·업로드 코드를 얹는 단계다. 아래에서 다루는 Fastfile은 3가지 환경

    In-house RN app
  • React Native 에서 Fastlane으로 배포 파이프라인 설계하기 (3. ios - 코드 서명과 match 환경 구성)

    2026.07.21

    이번 편이 끝나면 아래 세 줄로 환경별 TestFlight 배포가 되는 상태를 향해 간다. (세 줄이 실제로 완성되는 건 실제 빌드·업로드 lane을 붙이는 다음 편이고, 이번 편은 그걸 위한 서명·환경 토대를 만든다.) 지금은 무슨 뜻인지 몰라도 되고, "이걸 만드는

    In-house RN app
  • React Native 에서 Fastlane으로 배포 파이프라인 설계하기 (2. Fastlane 개념과 환경 세팅)

    2026.07.19

    개요 - 왜 Fastlane인가 React Native CLI로 앱을 만들다 보면 "코드는 다 됐는데 스토어에 올리는 게 더 오래 걸린다"는 순간이 온다. iOS는 Xcode에서 Archive → Distribute → App Store Connect 업로드, And

    In-house RN app
  • React Native 에서 Fastlane으로 배포 파이프라인 설계하기 (1. 사전 지식 — iOS / Android의 기본 배포 방법)

    2026.07.18

    개요 > 이 글을 읽기 전에 알아두면 좋은 관점 하나. RN 개발을 하다 보면 npm run android, npm run ios 정도로 앱이 폰에 뜬다. 하지만 그건 내 컴퓨터에 꽂힌 디바이스나 시뮬레이터에 개발용으로 설치하는 것이고, 스토어에 올려서 남에게 배포하

    In-house RN app

How was this page built?

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

posts
50 writings
tags
8 tags
fetched
Collected as of 2026.08.18 09:05
  • Velog GraphQL
  • Next.js RSC
  • TypeScript
  • GitHub Actions