(주)원더라운드
2025.04 ~ 현재
475일째 근무 중1.
OTA(무선 코드 배포) 인프라
hot-updater신규 도입 및 운영 체계 구축스토어 심사 주기에 묶여 긴급 버그 수정과 QA 반영이 지연되던 구조를 해소하기 위해, JS 번들을 심사 없이 무선 배포하는 OTA 파이프라인을
hot-updater로 신규 도입. 번들 저장소 연동, iOS / Android 및dev/beta/pro환경별로 관리하는 체계 구성, 배포·롤백 운영 흐름까지 전반을 설계·구축- Problem
초기에는 전 환경이 채널·설정을 공유하여, 상위 환경 번들이 하위 환경 네이티브에 덮어써지거나 배포 전 설정 스왑을 누락하면 번들-네이티브가 불일치. 잘못된 키 설정으로 소셜 로그인이 크래시되는 사고가 반복
Solution배포 목적지를
appVersion+ 채널(dev/beta/production) 조합으로 격리하고, 채널·환경 설정을 빌드 시점에 주입하도록 자동화.set-<env>→ 배포 →dev복원 절차를 표준화하여 번들이 항상 의도한 환경에만 도달하도록 칸막이를 확립 - Problem
특정 상황에서 앱이 강제 업데이트(
force update) 무한 루프에 빠져 정상 진입 자체가 불가능한 치명적 현상 발생Solution부팅 실패 루프를 관측 가능하게 만드는 롤백 계측(현재 번들 id === 최소 번들 id → 부팅 실패로 확정)을 추가하고, 콘솔·DB로 즉시 회수 가능한 수동 킬스위치를 확보하여 장애 대응 경로를 마련
2.
주요 화면의 진입 성능 최적화를 위한 단계적 마운트 패턴 도입
- Problem
리스트 / 지도 / 상세 등 다수의
hooks와 API 호출이 누적되는 무거운 화면에서, 진입 시점에 위젯이 동시 마운트되며 네비게이션 애니메이션이 끊기고skeleton노출이 지연되는 문제 발생Solution진입점과 본문을 두 단계로 분리하여, 네비게이션 전환 직후에는
skeleton만 즉시 노출하고 transition 종료 시점을setImmediate로 감지하여 본문이 애니메이션 종료 이후에만 마운트되도록 처리. 체감 진입 지연을 약 700~800ms 수준에서 200~300ms 수준으로 단축 화면 상단에 노출되는 데이터는 별도
prefetch훅으로 사전에 워밍업하여, 본문 마운트 시점에 캐시 히트되도록 설계스크롤 이벤트 핸들러를 JS 스레드 비차단 방식으로 처리하는 공통 훅을 도입하여, 스크롤 중에도 다른 인터랙션이 지연되지 않도록 개선
3.
푸시 알림 및 딥링크 기반 진입 동선 구축
- Problem
콜드 스타트 상태에서 푸시 클릭 시 네비게이션 스택이 준비되지 않아, 라우팅이 누락되는 케이스 발생
Solution전역
store에pending payload를 적재하고, 네비게이션ready시점에 큐를 소비하여 라우팅하도록 비동기 큐 패턴 적용 - Problem
푸시 딥링크 목적지가 웹뷰 화면인 경우, 콜드 스타트로 진입하면 네비게이션 스택이 해당 웹뷰 단일 화면만 갖게 되어 뒤로가기 시 앱 내부 화면으로 복귀하지 않고 앱 자체가 종료되는 문제 발생
Solution단순
navigate호출 대신navigation state를 직접 구성하여,BottomTabs를 베이스 라우트로 두고 그 위에Stack(연관 underlay 화면 + 웹뷰)을 쌓는 형태로reset. 뒤로가기 시 웹뷰 → 연관 화면 →BottomTabs순서로 자연스럽게 이탈하도록 흐름을 보장 백엔드 푸시 발송 API 스키마 변경에 맞춰 알림 목록 응답을 정규화하는 레이어 도입
푸시 페이로드를 파싱하여 콜드 스타트 / 백그라운드 / 포그라운드 각 진입 케이스를 분기 처리하는 딥링크 핸들러 구현
4.
TanStack Query낙관적 업데이트 패턴 도입 및 표준화북마크 / 좋아요 등 토글성
mutation에cancel → snapshot → cache update → rollback흐름을 표준화하여, 서버 응답 전 즉시 UI 반영과 실패 시 일관된 롤백을 팀 전반에 확립.setQueryData기반 캐시 직접 패치로 불필요한invalidate라운드트립도 제거
5.
Claude Code 기반 개발 생산성 인프라 구축
기존 RN 앱 담당 개발자의 퇴사로 도메인 지식 인계가 끊긴 상태에서, RN 앱 개발 경험이 부족한 채로 단독으로 유지보수와 신규 기능 개발을 동시에 진행해야 하는 환경에 놓임. 학습 비용 절감과 도메인 컨텍스트의 항시 참조를 위해 Claude Code 기반 보조 인프라를 직접 설계 및 구축
프로젝트 규칙을 UI 생태계 / 성능 / 애니메이션 / 서버 상태 / 네비게이션 / 전역 상태 / 다국어 / 신규 기능 흐름 등 도메인별로 분리하여, 작업 키워드 기반으로 필요한 규칙만 부분 적재되는 구조로 설계
역할 분리 멀티에이전트 파이프라인 —
planner → generator → evaluator구현 루프에 더해, 분석 결과를 별도critic에이전트가 객관적으로 반박·검증하는 자기검증 레인을 구성하여 단일 컨텍스트 자기검증의 편향을 완화반복 구현 패턴의 스킬화 — API 추가 / 낙관적 업데이트 뮤테이션 / 화면 진입 최적화 / 다국어 반영 등 정형화된 작업을 재사용 가능한 커맨드로 코드화하여, 컨벤션을 매번 재설명하지 않고도 일관된 산출물을 확보
작업 복잡도에 따라 모델을 라우팅(경량 조회 → 아키텍처·심층 분석)하고, 프롬프트 캐싱·추론 강도(effort)를 튜닝하여 응답 지연과 토큰 비용을 최적화