미리보기

프로덕트 팀에서 챌린저스 앱/웹, 백오피스 개발 및 유지보수를 주로 담당하고 있으며, 기획부터 배포까지 전 과정에 참여하고 있습니다.

• React Native 버전 v0.66 -> v0.73 마이그레이션 (의존성 라이브러리 업데이트 및 대응)

• 휴먼 에러 최소화를 위한 복잡한 챌린지 생성/수정 폼의 전반적인 구조 및 UI/UX 리팩토링 작업

• IOS/Android 앱 검수 및 출시 업무 담당

• CodePush를 통해 앱 업데이트의 원활한 배포 및 관리

• 빠른 배포 및 테스트를 위한 앱 빌드 스크립트 개선

• 레거시 코드 제거 (JS -> TS로 점진적 마이그레이션)

• 비개발자 직군과의 원활한 소통 및 온보딩을 위한 앱 스크린 문서화 담당

세일즈 부스터 어드민은 내부, 기업 고객이 광고(챌린지)를 직접 세팅하고, 집행 현황을 검토할 수 있는 비즈니스 광고 어드민입니다. 이해 관계자와의 미팅에 적극 참여하며 기획부터 배포까지 프로젝트를 주도했습니다. 디자인 시스템을 설계하면서 변화하는 요구사항에 대응할 수 있는 유연한 인터페이스를 만드는 것에 집중했습니다.

• 디자인 시스템 구현

  • 컬러, 타이포그래피, 레이아웃 등 파운데이션 설계

  • 생산성을 위한 MUI를 래핑한 컴포넌트 설계

  • 복잡한 테이블 컴포넌트 설계

• 목표/캠페인/챌린지 계층 구조의 복잡한 폼 상태 관리

• 필드 입력 값을 iframe으로 전송하는 기능

  • RxJS의 Pub-Sub 패턴을 사용하여 메세지 전송 구조 구현

  • 큐를 활용하여 iframe 로드 지연 시 메세지 누락 문제 해결

물류 출고/배송 현황 관리 및 결과 리포트 제작할 수 있는 어드민입니다. 프로젝트 기획부터 배포까지 주도적으로 참여했습니다.

• D3.js로 데이터 시각화 컴포넌트 개발(원형, 도넛형, 막대형 등 그래프)

• 복잡한 형태의 '결과 리포트' 템플릿 컴포넌트 모듈화

• 로그인 및 회원가입을 위한 인증/인가 로직 구현

• zustand + query string을 사용하여 검색 필터링 상태 관리

  • 페이지 새로고침, 재방문 시, 상태가 남아 있도록 UX 설계

• contenteditable 속성으로 텍스트 에디터 기능 구현

• html2canvas + jsPDF 라이브러리를 사용하여 화면을 캔버스로 변환 후 pdf로 추출하는 기능

FCM SDK 버전 업데이트에 따른 react-native, react-native-firebase 및 관련 의존성 라이브러리의 마이그레이션 작업을 주도했습니다. 이 과정에서 iOS와 Android 플랫폼별로 발생한 여러 문제들을 해결하며, 각 플랫폼에 대한 이해도를 높일 수 있었습니다. 이후 더 깊은 이해를 위해 사내 Android 스터디를 진행하며 이슈에 신속하게 대응할 수 있는 역량을 강화했습니다.

• iOS: 포그라운드 및 백그라운드 모드에서 이벤트가 트리거되지 않는 Notifee(v7.0.0+)와 react-native-firebase간의 충돌 해결

• iOS: 앱 실행 시 알림이 지워지지 않는 문제 해결

• Android: Android 13 이상 기기에서 로컬 알림이 동작하지 않는 문제 해결

• Android: 백그라운드 서비스에서 신체활동 센서가 동작하지 않는 문제 해결

프론트엔드

• React Native 웹뷰 통신 로직 구현

• 모노레포 환경 세팅 및 폴더 구조 설계

• 컴포넌트 에러 처리 공통화 및 테스트 환경 구축

  • Suspense, ErrorBoundary를 결합한 컴포넌트 구현

  • MSW로 API 에러 별 상황 테스트

• Github actions를 통해 CI/CD 파이프라인 구축

백엔드

• NestJS, Socket.IO로 채팅 기능 구현

실시간 회의록 작성과 화상회의가 동시에 가능한 웹사이트 개발

1. 시그널링 서버 연결 커스텀 훅 npm 패키지에 배포

2. 블로그 정리

• 프로젝트 기획

• 프론트엔드 및 채팅 서버 개발