← 뒤로
2025-2026

뱅킹 SPA 아키텍처 — 바르셀로나

프론트엔드 엔지니어링 역할로 시작했지만 훨씬 더 많은 것을 요구하는 방향으로 빠르게 진화했습니다. 두 달 후 테크 리드가 프로젝트를 떠났고 — 심각한 기술 부채를 가진 두 개의 SPA를 남겼습니다: 컴포넌트에 직접 포함된 로직, 관심사 분리 없음, 명확한 아키텍처 없음. 독립적으로 시작한 새 SPA에 이전 프로젝트의 모든 것을 적용했습니다: 헥사고날 아키텍처, DDD, 클린 코드, Doc as Code. ~20명의 엔지니어로 구성된 전체 비즈니스 유닛에서 재사용할 수 있는 스캐폴딩을 구축하고, 두 명의 주니어 개발자를 새 아키텍처에 온보딩하고, 완전한 문서를 작성하고, 프론트엔드 기술 방향을 이끌었습니다. 아키텍처 외에도 테크 리드의 모든 책임을 맡았습니다: Scrum 세리머니 주도, 작업 정제 및 추정, UX/UI 정렬, 클라이언트와 직접 커뮤니케이션, 파이프라인 문제 및 테스트 케이스 검토에서 QA팀 지원, 배포 관리, 백엔드 및 클라이언트 회의에서 프론트엔드 관점 대표.

주요 성과

  • 테크 리드의 갑작스러운 이탈 후 상당한 기술 부채를 가진 두 개의 SPA를 물려받음
  • 새 SPA에 헥사고날 아키텍처와 DDD 적용 — 뱅킹 규모에서 처음
  • ~20인 비즈니스 유닛에서 여러 제품에 걸쳐 채택된 재사용 가능한 스캐폴딩 구축
  • 2명의 주니어 개발자를 새로운 아키텍처 패턴에 온보딩 및 멘토링
  • 테크 리드 전체 책임 수행: Scrum 세리머니, 추정, 클라이언트 정렬, 배포 관리

기술 스택

ReactTypeScriptHexagonal ArchitectureDDDTanStack QueryScrumJiraCI/CDUnit Testing
작업 중 · v0.1 · 변경될 수 있음