Project
Share project experiences and records
Share project experiences and records
Last edited: February 16, 2026
| 항목 | 내용 |
|---|---|
| 기간 | 2023.04 - 2024.10 |
| 역할 | 프론트엔드 단독 개발 (Admin 대시보드, 모니터링, 라우팅 정책, CDN 관리) |
| 기술 스택 | React 18, TypeScript, JavaScript, TanStack React Query v5, Redux Toolkit, MUI v5, Recharts, Emotion CSS-in-JS |
| 아키텍처 | Domain-driven (cpd-admin), Redux + Thunk (cpd-web), SSE Observer/Subscriber, Pub/Sub 모니터링 |
| 인프라 | Yarn 4 Berry 모노레포 (3 apps + 3 packages), AWS (Terraform, CodePipeline, CloudFront) |
domain/models/, domain/infrastructures/ 기반 타입 시스템AuthProtectedRoute 인증 보호DNS 라우팅 정책의 차세대 버전 요구. 기존 대비 정책 유형 확장 및 시간 기반 자동 가중치 변경 기능 필요.
스케줄 시스템 신규 개발 완료. DNS Zone 버전별 반영 결과 조회 및 API 버전별 분기 로직 구현.
복잡한 DNS Zonefile 데이터 직관적 시각화 필요.
DFS 알고리즘 기반 DNS Record 계층 구조 시각화 및 편집 기능 완성. (2023.05 ~ 2023.07)
DNS Record Viewer — Zonefile 데이터 Tree 형태 파싱, DFS 알고리즘 활용 Map/Set 기반 Record 계층화 (Simple → Weighted → Geolocation → Failover), 노드별 인터랙션
@packages/cp-ui — 공통 컴포넌트(Stepper, NumberInputField), theme@packages/cpd-ui — CPD 전용 UI (PropertyContainer, EditableContent, CDN 아이콘, Table Row Skeleton)@packages/legacy-ui — cpd-web 기존 테마 호환 레거시 컴포넌트의존성 관계:
cpd-web ────┬────► legacy-ui
▼
┌───► cpd-ui ───┐
│ ▼
cpd-admin ──────► cp-ui
▲
cp-start ──────────┘buildspec.yml 관리useServerSentMessage 커스텀 훅 개발