미리보기

React Native로 크리에이터 팬덤 플랫폼인 THEUS 앱을 개발했습니다.
이벤트 예매, 멤버쉽 인앱 결제, 크리에이터 일정 작성 기능을 담당했습니다.

커스텀 갤러리 개발 및 성능 개선

• react-native-camera-roll로 iOS, 안드로이드에서 일관된 UI로 사진 선택 및 확대 가능한 커스텀 갤러리 개발

• iOS 이미지 로드 시 icloud 썸네일 이미지 랜더링 병목현상 레이지 로딩 구현으로 해결

• 초고용량 이미지인 경우 처리 속도 5000ms -> 1000ms 미만으로 단축

반복 작업 자동화로 팀 생산성 향상

• GitLab CI를 활용하여 JIRA 티켓 정보를 기반으로 릴리즈 노트를 자동 생성 -> 개발 시간 절약 및 타 팀과의 커뮤니케이션 비용 최소화

• DEV, QA, PROD 환경에 맞는 배포 전략 및 버저닝 정책을 수립하여 배포 안정성 확보

• 자동 git branch 생성 스크립트와 커밋 메시지 구조화 도구를 구현해 개발 효율성 향상

코드 리팩토링 및 안정성 강화

• 기존 레거시 코드의 400여 개 타입 에러 수정으로 코드 안정성 향상

• 중복된 네비게이션 구조를 정리하고 일관된 네비게이션 규칙을 정의

React Native 명품 시계 거래 커머스인 Viver 앱을 개발했습니다.

가격제안, 분할결제, 구매입찰 기능을 담당했습니다.

분할결제 기능 개발

• Recoil로 여러 페이지와 모달 간 이동에도 퍼널 내 결제 정보를 유지하도록 상태관리

• hook기반 비즈니스 로직 분리로 결제 컴포넌트 재사용성과 유지보수성 개선

• react-native-reanimated-carousel을 이용해 스크롤시 결제 수단이 자연스럽게 snap되는 UI 구현

• PG사에서 제공하지 않는 독자적인 분할결제 기능 개발 -> 도입 후 하루 결제의 54% 점유

무한 스크롤리스트 성능 최적화

• 중첩된 FlatList 구조를 1-depth 리스트로 리팩토링, 가상화 성능 개선

• 상품 리스트 내 랜더링 되는 컴포넌트 개수를 50%로 줄여 성능 최적화

판매 주문 비즈니스 로직 테스트 케이스 작성

• 화면 내부에 존재하던 비즈니스 로직을 유스케이스로 분리

• 9가지 판매 주문 상태를 각각의 유스케이스로 정의하고 테스트 코드 작성

• 배포 시 UI 렌더링 검증 비용 절감, 서비스 일관성 유지

구매입찰 기능 개발로 일 GMV 16% 증가

• 고가 상품 특성을 고려한 가격제안 기반의 MVP 설계 및 개발

• 유저 피드백을 바탕으로 경매형 구매 입찰 기능 추가 및 결제 재시도 플로우 개선

• 구매입찰 성공률 45% 증가, 일 GMV 16% 상승

Lienmall 서비스 개발 및 판매자 Admin 개발

• 장바구니, 주문 처리, 상품 관리 기능 개발

• 기존 React 프로젝트에서 Next.js로 마이그레이션

• React Native와 WebView로 Lienmall 앱 출시 및 FCM 와 notifee 기반 실시간 CS 채팅 기능 구현

Enkor 웹 서비스 개발 및 런칭

• 기존 워드프레스 홈페이지를 Next.js로 전환하여 성능 및 유지보수성 개선

수동으로 관리되던 장비 렌탈 예약을 시스템화하여 더 효율적이고 편리하게 만들기 위해 개발된 웹 서비스입니다.

스택: Next.js, Supabase, Typescript

담당: 프론트 개발, 백엔드 개발, 디자인, 기획

깃허브 https://github.com/Kayaleeeee/rental_assist

서비스: www.rental-assist.co.kr