- Next.js 15버전 App Router 및 Turborepo 를 사용한 로켓펀치 기업 콘솔 웹서비스 개발 • 기업 생성, 공고 생성, 광고 결제, 구독 결제 등 기업이 사용하는 서비스 개발 - 로켓펀치 웹서비스와 로그인/회원가입 시스템 연동 - 토스페이먼츠 연동으로 광고 및 구독 서비스 결제 시스템 구축

- Next.js 15버전 App Router 및 Turborepo 를 사용한 로켓펀치 어드민 콘솔 웹서비스 개발 • 유저 CRUD, 기업 CRUD, 공고 CRUD, 광고 CRUD 등 로켓펀치 인하우스 멤버가 사용하는 어드민 콘솔 개발

Next.js 15버전 App Router 를 활용한 SSR 웹서비스 개발 디자인 시스템 구축 - Panda CSS: Zero-runtime CSS-in-JS를 활용한 타입 안전한 스타일링 시스템 - 정적 최적화: PostCSS 파이프라인을 통한 CSS 최적화 및 퍼포먼스 향상 - 반응형 디자인: 유동적 타이포그래피를 활용한 확장 가능한 텍스트 시스템 - 테마 시스템: Zustand + 쿠키를 활용한 SSR 호환 다크/라이트 테마 관리 실시간 통신 - Sendbird SDK: 실시간 채팅 시스템 구축 및 사용자 경험 최적화 - WebSocket 관리: 연결 상태 관리 및 오프라인 대응 로직 구현 고도화된 SEO 최적화 - 구조화된 데이터: 채용공고, 유저 프로필, 기업 프로필, 게시글에 JSON-LD 구축으로 리치 스니펫 생성률 향상 - 대규모 사이트맵: Next.js Route Handler를 사용한 180만개 페이지 Sitemap 캐싱 시스템 및 ISR 활용 - 동적 메타데이터: generateMetadata를 활용한 페이지별 최적화된 메타데이터 자동 생성 - 성능 최적화: Critical CSS 인라인 처리 및 SEO 불필요 컴포넌트 dynamic import로 FCP 30% 개선 - 크롤링 최적화: robots.txt를 통한 크롤링 버젯 효율화 및 검색 색인 품질 향상 데이터 분석 & 리포팅 - 통합 분석: Google Analytics 4, Google Tag Manager, Vercel Analytics 연동 - 자동화 리포팅: AI를 활용한 일일/주간 성과 보고서 자동 생성 시스템 - 사용자 행동 분석: 퍼널 분석 및 전환율 최적화를 위한 데이터 수집 사용자 경험(UX) 최적화 - 에러 핸들링: React Suspense + Error Boundary를 활용한 선언적 로딩/에러 처리 - 무한 스크롤: Intersection Observer API를 활용한 효율적인 데이터 로딩 - 접근성: WCAG 2.1 AA 기준 준수 및 키보드 네비게이션 완전 지원 - Progressive Enhancement: 점진적 기능 향상을 통한 다양한 환경 대응 개발 효율성 & 협업 - 타입 안전성: TypeScript Strict Mode 적용으로 런타임 에러 사전 방지 - 코드 품질: ESLint + Prettier + Husky 도입으로 코드 스타일 표준화 - 컴포넌트 문서화: Storybook을 활용한 재사용 가능한 컴포넌트 라이브러리 구축

하이브리드 모바일 앱 개발 - React Native + Expo SDK: 크로스 플랫폼 개발로 iOS/Android 동시 지원 - File-based Routing: Expo Router를 활용한 타입 안전 네비게이션 시스템 - New Architecture: React Native의 새로운 아키텍처 활용으로 성능 최적화 다중 OAuth 인증 시스템 - 소셜 로그인 통합: Google, Apple, Kakao, Naver 4개 플랫폼 OAuth 네이티브 구현 - Function-based Architecture: 클래스 기반에서 함수 기반으로 리팩토링하여 성능 향상 - NICE 본인인증: 신원확인 서비스 연동 세션 관리 - 쿠키 백업/복원: iOS WebView 쿠키 손실 문제 해결을 위한 자동 백업 시스템 - 앱 상태 감지: Background/Foreground 전환 시 자동 쿠키 관리 실시간 업데이트 시스템 - OTA 업데이트: Expo Updates를 활용한 무중단 앱 업데이트 - 자동 업데이트: 백그라운드에서 자동 업데이트 확인 및 다운로드 - 환경별 배포: Development/Preview/Production 환경 분리 배포 성능 최적화 - 메모리 최적화: 단일 WebView 아키텍처로 75% 메모리 사용량 감소 - 키보드 핸들링: Android WebView 키보드 문제 해결 및 동적 레이아웃 조정 - 외부 링크 처리: 시스템 브라우저로 외부 URL 자동 라우팅 네이티브 기능 통합 - Deep Linking: iOS Universal Links 및 AOS App Links 지원으로 웹-앱 연동 - 하드웨어 백버튼: Android 네이티브 백버튼 처리 및 앱 종료 로직 - 파일 업로드: 카메라 및 사진 라이브러리 접근 권한 관리 개발 효율성 & 품질 관리 - TypeScript: 타입 안전성을 통한 런타임 에러 사전 방지 - ESLint + Prettier: 코드 스타일 표준화 및 자동 포매팅 - Husky + Lint-staged: pre-commit 훅을 통한 코드 품질 보장 - Patch Package: 서드파티 라이브러리 커스터마이징 및 버전 관리

- React Native 를 이용한 자산 분산 투자 애플리케이션 서비스 유지보수 - 기존 React Native 기반 프리즘 애플리케이션 현대화 및 성능 개선 • Expo Bare Workflow로 마이그레이션 • EAS (Expo Application Services) 도입 • EAS Build 구현으로 빌드 프로세스 최적화 • EAS Update 적용으로 OTA 업데이트 기능 강화 • EAS Submit 적용으로 빌드 후 앱 제출(심사) 자동화 • React Native New Architecture 및 Fabric 렌더러 도입으로 애플리케이션 성능 향상 - Sentry 통합으로 실시간 오류 모니터링 및 디버깅 시스템 구축 • Sentry의 Session Replay 도입으로 사용자 기기 내 애플리케이션 상태와 상호작용을 실시간 재현하여 오류 및 성능 문제의 근본 원인 분석 강화 - Orval(Restful Client Generator) 도입으로 백엔드와 프론트의 API 정규 타입 동기화 - Appsuit 모바일 앱 통합 보안 솔루션 도입