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.10.17 06:15
50 writings
21 tags

Skill Map

  • React Native48 posts
    1. React Native의 Modal (3. 구조적인 성능 한계점과 해결법)
    2. Maestro 로 하는 React Native E2E 테스트
    3. React Native의 Modal (2. Android Window 구조와 React Native Modal)
    4. React Native의 Modal (1. 개념)
    5. React Native 에서 Fastlane으로 배포 파이프라인 설계하기 (7. 환경별 아이콘·표시 이름 분리와 고도화)
  • By tag
  • By time

Tag Cloud

  • All
  • react native48
  • build-and-deploy7
  • optimization6
  • Debuging4
  • memoization4
  • Cashing3
  • image3
  • android2
  • component2
  • iOS2
  • version-manage2
  • agent1
  • app config1
  • claude code1
  • lingking1
  • List1
  • Location1
  • lottie1
  • navigation1
  • release1
  • trouble shooting1
  • React Native 에서 Fastlane으로 배포 파이프라인 설계하기 (7. 환경별 아이콘·표시 이름 분리와 고도화)

    2026.09.12

    개요 앞 편들에서 dev/beta/pro 세 환경을 TestFlight·Play Store까지 올리는 뼈대를 완성했다. 이번 편은 그 위에 얹는 마감 작업 세 가지를 다룬다. 환경별 아이콘·표시 이름 분리 — 한 폰에 dev/beta/pro를 깔았을 때 눈으로 구분

    In-house RN app
  • 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
21 tags
fetched
Collected as of 2026.10.17 06:15
  • Velog GraphQL
  • Next.js RSC
  • TypeScript
  • GitHub Actions