Conversation
[Feature/#188] 실시간 트래픽 변화 UI 구현 및 AI 요약 버튼 수정
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Caution Review failedThe pull request is closed. ℹ️ Recent review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Run ID: ⛔ Files ignored due to path filters (20)
📒 Files selected for processing (46)
📝 WalkthroughWalkthrough매우 광범위한 기능 추가 PR입니다. 랜딩 페이지 전체, 대시보드 플랫폼/개요 섹션, 설정 컴포넌트, 여러 공통 훅과 유틸리티가 신규 추가되었으며, 기존 컴포넌트의 레이아웃도 부분 조정되었습니다. Changes랜딩 페이지 구성
대시보드 플랫폼 섹션
대시보드 개요 섹션
설정 컴포넌트
공통 컴포넌트 및 훅
Sequence Diagram(s)sequenceDiagram
participant User as 사용자
participant Landing as 랜딩 페이지
participant Lazy as 지연로딩<br/>섹션
participant Suspense as Suspense<br/>바운더리
participant Component as 섹션<br/>컴포넌트
User->>Landing: 페이지 접속
activate Landing
Landing->>Landing: HeroSection<br/>즉시 렌더
User->>Landing: 스크롤
activate Lazy
Landing->>Lazy: 섹션 진입<br/>감지
Lazy->>Suspense: 지연 로딩 시작
activate Suspense
Suspense->>Suspense: SectionFallback<br/>표시
Suspense->>Component: 컴포넌트<br/>로드 완료
activate Component
Component->>Component: 애니메이션<br/>실행
deactivate Component
deactivate Suspense
deactivate Lazy
deactivate Landing
sequenceDiagram
participant API as API
participant Hook as useOverviewCampaignList<br/>훅
participant Store as Workspace<br/>Store
participant Component as Dashboard<br/>컴포넌트
Component->>Hook: 데이터 요청
activate Hook
Hook->>Store: 조직 ID 조회
activate Store
Store-->>Hook: orgId 반환
deactivate Store
Hook->>API: getCampaignList<br/>(orgId)
activate API
API-->>Hook: 캠프 목록
deactivate API
deactivate Hook
Hook-->>Component: 캐시된<br/>데이터 반환
Component->>Component: 필터링<br/>(상태 OVER 제외)
Component->>Component: useMemo로<br/>상위 2개<br/>계산
Component->>Component: 렌더
sequenceDiagram
participant User as 사용자
participant Chart as PlatformTrafficChart
participant Transform as 데이터<br/>변환
participant ApexChart as ApexCharts
User->>Chart: 컴포넌트<br/>마운트
activate Chart
Chart->>Transform: 분 기반<br/>타임스탬프<br/>변환
activate Transform
Transform->>Transform: YYYYMMDDHHmm<br/>→ epoch ms
Transform-->>Chart: 변환된<br/>시계열
deactivate Transform
Chart->>Chart: xMin/xMax<br/>범위 계산
Chart->>Chart: yMax<br/>동적 계산<br/>(1.2배 패딩)
Chart->>ApexChart: options +<br/>series 전달
activate ApexChart
ApexChart->>ApexChart: HH:MM 축<br/>포맷
ApexChart->>ApexChart: 천 단위<br/>구분 + K<br/>표시
ApexChart->>ApexChart: 그라디언트<br/>채우기 렌더
ApexChart-->>Chart: 차트 렌더
deactivate ApexChart
deactivate Chart
Estimated code review effort🎯 4 (Complex) | ⏱️ ~75 분 분석 근거:
Possibly related PRs
Suggested labels
Suggested reviewers
리뷰 주요 포인트🔴 접근성 이슈 (Critical)파일: 신규 비밀번호 필드의 표시/숨김 토글에서 // ❌ 현재 (라인 75-80 추정)
aria-label={showCurrent ? "비밀번호 숨기기" : "비밀번호 보이기"}
aria-pressed={showCurrent}개선 방법: // ✅ 수정
aria-label={showNew ? "비밀번호 숨기기" : "비밀번호 보이기"}
aria-pressed={showNew}
|
🚨 관련 이슈
✨ 변경사항
✏️ 작업 내용
😅 미완성 작업
📢 논의 사항 및 참고 사항
Summary by CodeRabbit
릴리스 노트
New Features
Bug Fixes