정도영 FE 개발자 이력서

Shell-Remote 간 설정 정합성 동기화

Module Federation으로 분리된 Shell과 Remote 앱 간 언어·테마·시간대·알림 설정이 어느 경로로 변경되든 단일 참조원(SSOT)으로 수렴되도록 설계하여, 앱 전반에 걸쳐 단절 없는 일관된 UX 보장
CustomEvent + useSyncExternalStore 기반 실시간 동기화 파이프라인으로 Shell↔Remote 즉시 반응. Optimistic Update + 서버 확정 후 SSOT 갱신. FastAPI로 백엔드 API도 직접 개발하여 프론트엔드 단에서 정합성 설계를 끝까지 주도

SSE 기반 실시간 알림 센터 및 긴급 대응 UX 구축

SSE 기반 실시간 알림 센터 구축: 장애·시스템 이벤트 발생 즉시 토스트 팝업과 중요도별 사운드로 운영자에게 전달. 전체/미확인 탭, 앱별 필터, 개별·일괄 읽음 처리 등 OS 수준의 알림 관리 UX 구현
연결이 불안정한 환경에서도 끊김 없이 알림 흐름을 유지하도록 자동 재연결 및 이벤트 연속성을 보장. 연결 상태 UI를 함께 설계하여 운영자가 현재 알림 수신 상태를 항상 인지하고 대응할 수 있도록 지원
비동기 피드백을 SSE 스낵바와 Mutation 생명주기 기반 토스트로 이원화하고, 서버 에러 메시지를 캐시 레이어에서 자동 주입해 토스트 문구 완성. 포커스된 프레임에만 토스트를 노출시켜 멀티태스킹 환경에서도 맥락을 해치지 않는 피드백 설계

Enterprise IAM & 통합 리소스 제어 시스템 구축

전사 IAM(Identity and Access Management) 보안 매니지먼트 시스템 개발: 리소스-그룹-사용자 간의 권한 체계를 중앙에서 제어하고 관리할 수 있는 보안 인프라 시스템 구축
통합 리소스 제어 및 접근 시스템(Access Management) 구현: 데스크탑 Shell 시스템과의 연동을 통해, 어드민 사용자가 단일 인터페이스에서 모든 클라우드 자원을 통합 제어할 수 있는 환경 제공

Micro Frontends 기반 데스크탑 Shell 시스템 아키텍처 "브라우저를 모킹한 통합 멀티태스킹 워크스페이스 및 독립적 런타임 환경 구축"

키보드 전용 접근성(A11y) 최적화: 가상 탭-데스크탑-브라우저 간 포커스 이동을 제어하는 오케스트레이션 시스템 및 시각화 로직을 구축하여 키보드만으로 조작 가능한 환경 구현
MFE 기반 가상 브라우저 워크스페이스 구축: Module Federation 기반의 마이크로 프론트엔드 앱들이 독립된 가상 프레임 내에서 구동되는 환경 설계
프레임별 데이터 격리 및 상태 관리 아키텍처 설계: 단일 쿼리 프로바이더 환경 내에서 각 가상 프레임 간의 데이터 간섭을 차단하고 독립적인 런타임 상태를 유지하는 상태 관리 시스템 구축
AuthGuard 기반 접근 제어: 페이지 및 Remote 앱 단위로 AuthGuard Provider를 래핑하여, 권한에 따라 접근 가능한 화면과 애플리케이션을 동적으로 제어하는 보안 레이어 설계
Module Federation을 활용한 Micro Frontends 구조 설계로 서비스별 독립 배포 환경 구축
자원 접근 권한 및 서버 응답 기반의 통합 에러/세션 핸들러 설계: 자원별 부여 권한 및 서버 응답 상태(403, 404, 500 등)에 따라 로그아웃 처리, 접근 제한 UI 표현 등을 가상 프레임 단위에서 제어할 수 있는 공통 런타임 로직 설계
FSD & Fractal 구조 도입으로 마이크로 앱 확장 시 일관된 디렉토리 규칙 제공

전사 공용 UI 컴포넌트 라이브러리 설계 및 고도화 "재사용성과 접근성을 고려한 선언적 인터페이스 구축"

복잡한 중첩 레이아웃을 위한 웹 접근성(A11y) 아키텍처 설계: `inert` 속성과 Focus Trap 기반의 전역 포커스 제어 시스템을 구축하여 중첩 오버레이 환경의 포커스 오염 차단 및 스크린 리더 호환성 고도화
Compound Component Pattern 도입으로 Dropdown, Select 등 복잡한 UI의 API 선언성을 강화하여 유연한 컴포넌트 조합 및 인터페이스 확장성 확보
Portal 아키텍처 설계로 Modal, Dropdown, Context-Menu 등 중첩 레이아웃 환경에서의 UI 간섭 제거 및 안정적 Overlay 시스템 구축
Controlled/Uncontrolled 하이브리드 패턴 적용으로 React Hook Form 등 다양한 외부 라이브러리와의 유연한 연동 인터페이스 제공
WAI-ARIA 표준 준수 및 키보드 네비게이션 구현으로 웹 접근성 품질 확보
비(非)프론트엔드 직군의 자생적 활용 환경 구축: 기획자·백엔드 개발자가 컴포넌트를 직접 활용할 수 있도록 사용 명세·가이드를 제공하여, 프론트엔드 개발 의존성 제거 및 프로덕트 개발 속도 개선

범용 Table 설계 및 복잡한 Step-Form의 선언적 추상화

Table Refactoring 및 로우레벨 DOM 제어 최적화: 기존 설정 기반 구조를 Render Prop 패턴으로 전환하여 커스텀 셀 요구사항에 대응하고, 커스텀 훅을 통한 컬럼 조절 기능 구현으로 컬럼 조절 시 발생하는 Reflow 비용 최소화
Advanced Generics를 통한 타입 안전성 확보: 복잡한 테이블 데이터 및 컬럼 정의 시 엄격한 타입 안전성을 보장하고, 자동 추론 환경을 구축하여 개발 단계의 오류 방지 및 유지보수 편의성 제고
선언적 상태 제어 기반의 Step-Form 아키텍처 설계: 명령형 단계 제어 로직을 선언적 인터페이스로 추상화하여, 비즈니스 로직의 응집도를 높이고 복잡한 단계 전환 로직에 대한 유지보수성 및 확장성 확보

대규모 모노레포 전용 DX 및 품질 통제 시스템 구축

빌드 타임 내 실시간 피드백 및 정적 분석 환경 구축: Rspack 기반의 빌드 환경을 설계하고 정적 분석 도구를 도입하여, 대규모 모노레포 환경에서도 실시간으로 오류를 탐지할 수 있는 고속 피드백 루프 구현
의존성 안정성 및 코드 품질 강제화: 린트(Lint) 규칙을 통한 순환 참조(Circular Dependency) 차단을 자동화된 검사 시스템으로 구축하여 프로젝트의 구조적 안정성 확보
기술 표준화 및 유지보수 효율성 제고: 사내 TanStack Query 사용 패턴을 규격화하고 문서화하여 팀 전체의 코드 일관성 및 유지보수성 향상

Global Game Token Economy & Cross-Chain DeFi 구축

DEX 및 유동성 공급 서비스 개발: 수십 종의 게임 토큰 간 스왑(Swap) 및 유동성 풀(Pool) 공급 시스템 프론트엔드 아키텍처 설계
환전 및 환율 변동 처리 로직 고도화: 복잡한 환전·환율 계산 코드를 관심사 분리(SoC) 기반으로 리팩토링하고, 핵심 로직에 단위 테스트를 작성하여 금융 데이터 처리의 안정성 강화
크로스체인 브릿지(Bridge) 및 자산 이동 제어: 서로 다른 블록체인 네트워크 간의 자산 전송 지원 및 데이터 정합성 검증

테스트/자동화 기반 안정성 강화

Vitest 및 MSW 도입으로 테스트 커버리지 확대 및 API 모킹 기반 시나리오 안정성 검증
Lefthook 기반 Git 이벤트 자동화로 변경 영향 파일 수정 시 테스트 자동 실행
Node.js 기반 i18n 자동화 툴 개발: 분산된 다국어 리소스의 키 추출·동기화·누락 검출을 자동화하여 수동 관리 프로세스 제거 및 번역 누락·휴먼 에러 방지

DeFi 프론트엔드 성능 최적화 & UX 일관성 개선

Font Subset 추출 및 Woff2 포맷 변환을 통한 초기 로딩 리소스 최적화
Core Web Vitals 지표 개선을 통한 사용자 체감 성능 및 검색 엔진 최적화
전역 에러 처리 표준화: ErrorBoundary + TanStack Query 연동 기반 전역 에러 처리 UX 일원화

상태 관리 정교화 및 도메인 로직 리팩토링

데이터 가공 프로세스 함수형 전환 및 SRP 기반 함수 분리로 테스트 가능 구조 정립
토큰 교환비/가격 변동 계산 로직 유틸 모듈화로 재사용성/검증 비용 절감
사이드 이펙트 생명주기 최적화 및 상태 파생 로직 단일화: 복잡하게 얽힌 부수 효과 의존성을 정리하고 파생 값 계산 로직을 최적화하여 불필요한 렌더링을 최소화하고 상태 예측 가능성 증대
네트워크 리소스 최적화를 위한 API 폴링 및 캐싱 전략 수립으로 불필요한 중복 호출 제거

디자인 시스템 아톰/헤드리스 컴포넌트 개발

Storybook 기반 공용 아톰 컴포넌트를 OCP 확장 구조 + Headless 설계로 구현하여 다양한 스타일·UX 대응력 확보
커스텀 이미지 컴포넌트(Lazy Loading) 및 컴포넌트 문서화 표준 정립

정도영 FE 개발자 이력서

경력

프로젝트

사용기술

학력