- 디리아(2025.02~)에서 NH농협은행 차세대 대외 MCA 프로젝트 프론트엔드를 리딩하며, 대규모 금융 환경에 맞춘 아키텍처를 설계·구현하고 있습니다.
- React/TypeScript 기반에서 재사용 가능한 컴포넌트와 성능 최적화로 팀 생산성을 높이는 데 집중합니다.
- Email: [email protected]
- 금융권 대규모 프로젝트 아키텍처 설계/운영(50+ 페이지), MDI 탭 Context Isolation로 데이터 전략 고도화.
- 렌더링 전략 개선으로 초기 렌더링 속도 80% 단축.
- react-hook-form + @tanstack/react-table 기반 Form/Table 컴포넌트 체계화로 확장성·타입 안정성 강화.
- 언어/런타임: JavaScript, TypeScript.
- 프레임워크/라이브러리: React, React Query, Redux, Zustand, React Hook Form.
- UI/스타일: styled-components, Tailwind CSS, Framer Motion.
- 품질/테스트: Storybook, Jest, React Testing Library, Lighthouse CI.
- NH농협은행 차세대 대외 MCA(디리아)
- 역할: FE 리드·아키텍처 설계·컴포넌트 표준화 / 결과: 초기 렌더 80% 단축, MDI Context Isolation, Form/Table 세트 구축.
- DDang(반려견 산책 매칭)
- 기술: SockJS 채팅, zustand 모달, React Query optimistic update, PWA, CI/CD, Lighthouse CI.
- PlanMate(학습 관리)
- 기술: Chart.js 시각화, JSDoc 문서화, framer-motion 인터랙션, 테스트 구축.
자세한 스토리와 전체 항목은 포트폴리오에서 확인할 수 있습니다.