충전식 카드형 온누리상품권 / 2023.01 - 2024.10 기술 스택: Next.js, TypeScript, React Native, Redux Toolkit, React Query, Chakra UI [보안 키패드 호출 속도 개선 (3.5초 > 0.5초)] - 문제: 외부 라이브러리 init 지연으로 초기 대기 발생 - 해결: init 완료 여부를 일정 간격으로 확인하는 로직을 설계하여, 초기화가 끝나자마자 보안 키패드를 바로 실행할 수 있도록 개선 - 결과: 사용자 이탈률 감소 및 UX 개선 [React Query 캐싱 문제 해결] - 문제: 금액이 연동된 기능(예: 선물하기)에서 React Query의 캐싱으로 인해 실제 금액과 일치하지 않는 데이터 노출 문제 발생 - 해결: 해당 API에 대해 cacheTime: 0, refetchOnWindowFocus: true 설정 및 수동 refetch 적용 - 결과: 실시간 데이터 기반 금액 연산 안정성 확보, 민감한 금융 로직에서 데이터 신뢰성 향상 [암복호화 모듈 초기화 중복 호출 문제 해결] - 문제: 암복호화 모듈이 여러 번 초기화되며 API 요청 시 실패가 빈번하게 발생 - 해결: 공용 API 인스턴스에 초기화 여부를 확인하는 로직을 추가하여, 이미 초기화된 경우 중복 호출 방지 - 결과: 중복 초기화로 인한 API 실패율을 0회로 감소시키며 시스템 안정성 확보

더보기

개발 인프라 최적화 및 프로세스 개선 / 2020.06 - 2022.11 기술 스택 : Next.js, TypeScript, Antd, Styled Components, React Native(Cli ≫ Expo), Mobx, Redux Saga, Redux Toolkit, Zustand, React Query - 공용 Next.js / React Native 템플릿 제작 ≫ 프로젝트 초기 세팅 시간을 절반 가까이 단축 - ESLint/Prettier 및 git hook 기반 내부 컨벤션 정립 ≫ 신규 인력 온보딩 소요 시간을 절반 이상 단축 Firestore 기반 CMS 생성기 개발 기술 스택 : Next.js, TypeScript, Antd, Styled Components, Redux Toolkit, Firebase, Algoria, React Quill - 설정 기반으로 CMS UI 자동 구성 ≫ 운영 비용 절감 효과 - React Quill을 활용해 공용 편집기 구성 ≫ 반복 작업 효율화 - 편집기 Base64가 아닌 CDN 주소 치환 ≫ 서버, DB 비용 절감과 성능 최적화 효과 만타 - 농기계 거래 플랫폼 / 2020.09 - 2021.04 기술 스택 : Next.js, React Native, Antd, Styled Components, Redux Saga, Firebase, Algoria - SSR + WebP 이미지 최적화 + CDN작업으로 성능 최적화 ≫ Lighthouse 18 ≫ 90점 상승 - Firestore Admin SDK 클라이언트 SDK 분기 처리 ≫ 페이지 전환 2초 ≫ 1초 미만 - Firestore를 통한 채팅 서비스 구현과 React Window를 통한 메시지 가상화 처리 ≫ 렌더 비용과 성능 개선 Additional Projects 1. 위즈페퍼(커머스) : Monorepo(Lerna)로 작업 속도 개선, React Query, Zustand로 서버 데이터와 Global State 처리 2. YEOMI(블로그) : Next.js ISR, CDN활용으로 SEO 성능 최적화 3. Backend 프로젝트(2건): Express, Strapi를 사용해 백엔드 개발과 AWS EC2/S3 인프라 작업 4. Frontend 프로젝트 : Next.js, React Native를 활용한 다양한 Web, App 프로젝트 진행

더보기