react-native-naver-login
기능 추가, 오류 수정, 에러 핸들링 개선에 기여했습니다.
RepositoryProfile
박정륭
6년 차 Frontend / React Native 개발자ryuwoong.dev@gmail.com
React Native·프론트엔드 개발을 기반으로, 타이어픽의 앱 리드를 맡아 서비스 전반의 기술 문제를 해결하고 있습니다.
앱 성능과 배포 경험을 개선하고, 서버 장애 분석과 컨테이너 기반 인프라 운영까지 역할을 넓혀왔습니다.
백엔드·마케팅·디자인팀과 협업하며 서비스 안정성, 운영 효율, 외부 데이터 비용을 개선하는 방안을 설계하고 검증합니다.
Front / React NativeProject LeadingDesign SystemCI/CD & OTANotion / AX
Frontend / Mobile
ReactReact NativeTypeScriptJavaScriptReanimatedTanStack Query
Delivery
GitHub ActionsFastlaneCodePushHotUpdaterAWS S3AWS Lambda
Analytics
Firebase AnalyticsAmplitudedeeplink
Collaboration
공통 UI 컴포넌트ESLint 공통 설정기술 문서화Notion사내 에이전트봇
컨테이너 기반 인프라 전환 및 운영 리소스 최적화
- EC2 기반 운영 환경을 ECS Fargate로 전환해 컨테이너 단위로 서비스를 배포·관리하도록 바꿨습니다.
- 서버 안정화 이후 상시 운영 규모를 4대에서 2대로 줄이고, CRM 캠페인으로 트래픽이 늘 때 최대 4대까지 자동 확장하도록 구성했습니다.
서버 장애 분석 및 백엔드 개선 지원
- 힙 메모리 고갈로 전체 서버 인스턴스가 다운된 장애를 Datadog·CloudWatch 데이터로 조사했습니다.
- 특정 조건의 DB 조회에서 과도한 데이터가 메모리에 적재되는 문제를 파악했습니다.
- 재현 절차와 분석 결과를 백엔드 개발자에게 전달해 장애 수정과 서비스 안정화에 기여했습니다.
외부 데이터 플랫폼 전환 설계 및 매칭 검증
- 외부 데이터 플랫폼 대체를 검토하면서, 플랫폼마다 다른 자동차 트림명을 연결하는 매칭 프로세스를 설계했습니다.
- TypaSafe AI의 의사결정 모델 JEV(System One Model)를 활용해 실제 데이터 기반 질문·정답 1,000건에서 매칭 정확도 90% 이상을 검증했습니다.
- 대체 플랫폼으로 전환해 외부 데이터 플랫폼 지출 비용을 기존의 1/3로 줄였습니다.
OTA 인프라 전환 및 모바일 배포 자동화
- Microsoft App Center 서비스 종료에 대응해 CodePush Standalone 서버를 직접 구축하고 운영했습니다.
- 운영하던 CodePush 환경이 New Architecture에 대응하지 못하고 서버 비용이 발생해 전환을 검토했습니다.
- New Architecture 지원, 더 낮은 운영 비용, 개발 편의성을 기준으로 HotUpdater를 선택했습니다. 전환 계획부터 구축까지 전 과정을 맡아 ECS 기반 OTA 배포 인프라를 S3·Lambda 중심으로 바꿨습니다.
- Android·iOS에서 앱 실행 후 OTA 번들 다운로드 시간을 4~5초에서 1~2초로 줄였습니다.
- GitHub Actions와 Fastlane으로 앱 빌드, Firebase App Distribution·TestFlight 배포, Slack 알림을 자동화했습니다.
React Native New Architecture 대응
- React Native 0.76+ 도입 과정에서 호환성 문제가 있고 업데이트가 제공되지 않는 라이브러리를 제거했습니다.
- React Native Paper로 구현했던 프로그레스바와 일부 UI를 직접 구현한 컴포넌트로 대체했습니다.
프로젝트 구조와 개발 규칙 표준화
프로젝트 구조 설계 글- 화면 전용 코드와 공용 코드를 구분하고, 기능 단위 응집도를 참고해 폴더 구조와 모듈 배치 규칙을 정리했습니다.
- ESLint 설정과 코딩 컨벤션을 공통 라이브러리로 만들어 프로젝트에서 재사용하도록 했습니다.
구매 퍼널 분석과 화면 개선
- Firebase Analytics와 Amplitude로 사용자 행동 로그를 설계하고 구매 여정의 이탈 지점을 분석했습니다.
- 퍼포먼스 마케팅팀과 유입부터 구매까지의 흐름을 검토하고, 이탈 구간의 화면 구성과 로딩 경험을 개선하는 실험을 진행했습니다.
사내 문서화 방식 개선 및 업무 검색 에이전트 구축
- Nextra·MDX 위키를 구축한 뒤, 비개발 직군이 작성·배포 과정에서 겪는 한계를 확인해 Notion 중심의 문서화 방식을 제안했습니다.
- Notion과 미러 DB의 업무 정보를 자연어로 검색·답변하고, Slack 스레드의 업무 지식을 저장하는 내부 에이전트봇을 구축했습니다.
- 사용 요구사항을 수집하고 Skills·MCP를 활용해 처리 흐름을 개선했습니다.
앱·OTA 번들 경량화
- 불필요한 UI 라이브러리와 고해상도 에셋을 정리해 앱 크기를 70~80MB에서 50MB 이하로 줄였습니다.
- 중복 의존성을 제거하고 에셋 관리 방식을 개선해 CodePush 번들을 30~40MB에서 약 10MB로 줄였습니다.
- 초기 업데이트 번들 다운로드 시간은 약 10초에서 3~4초로 단축했습니다.
마케팅팀이 직접 운영할 수 있는 딥링크 체계 구축
- 앱 진입 시나리오를 정리하고 커스텀 딥링크 스킴과 유니버설 링크 구조를 설계했습니다.
- 링크 생성 규칙과 검수 기준을 문서화해 마케팅팀이 개발자의 추가 지원 없이 캠페인 링크를 생성·운영할 수 있도록 했습니다.
공통 UI 컴포넌트와 서버 상태 관리 정리
- 디자이너와 명명 규칙·상태·사용 기준을 합의하고 색상, 타이포그래피, Button, Label 등 공통 UI 요소를 구축했습니다.
- TanStack Query를 도입해 서버 상태 관리, 캐싱, API 호출 정책을 정리했습니다.
커머스·예약 서비스의 React Native 앱 개발
- 오픈마켓, 쇼핑몰, 예약 시스템 등 여러 프로젝트에서 React Native 앱을 개발했습니다.
- 실시간 채팅, 구독 결제, App Store·Play Store 인앱 결제의 클라이언트 로직과 서버 연동을 구현했습니다.
- 프로젝트 요구사항에 맞춰 Context API, Redux 등 상태 관리 방식을 적용했습니다.
React Native WebApp 공통 개발 기반 구축
- React Native WebApp 보일러플레이트를 제작하고 공통 컴포넌트, 인증 로직, 네이티브 브릿지 통신 규격을 표준화했습니다.
- 신규 프로젝트에서 초기 설정과 공통 기능을 재사용할 수 있도록 정리했습니다.
프로젝트 문서화와 기술 공유
- 기획·개발·QA의 요구사항과 이력을 함께 관리할 수 있는 Notion 프로젝트 템플릿을 제작했습니다.
- React 렌더링 원리를 주제로 사내 세미나를 진행하고, 백엔드 개발자와 API 설계 컨벤션을 공유했습니다.