[FEAT] 전체그래프 변경 사항 수정

[suwonthugger]

👥 작업 배경 및 목적

• 이 PR이 해결하고자 하는 문제나 추가되는 기능에 대해 설명해 주세요.
• 관련 Issue 번호: Close [FEAT] 전체그래프 변경 사항 수정 #15

🛠️ 주요 변경 사항

• 핵심 변경 파일 및 로직을 요약해 주세요.

• 코드 리뷰어가 집중해서 봐야 할 부분이 있다면 적어주세요.

• 첫 페이지 전체 그래프 보이도록

• 전체 그래프 디자인이 동적으로 눈에 잘 보이도록 수정

🧪 테스트 결과 (선택)

• 로컬 환경 테스트 결과나 실행 화면 스크린샷이 있다면 첨부해 주세요.

Summary by CodeRabbit

• 새로운 기능

  • 뉴스 새로고침 시 새 항목을 불러오고, 새 뉴스에는 NEW 배지와 알림이 표시됩니다.
  • 네트워크 화면 첫 진입 시 중심 노드가 자동으로 강조됩니다.
  • 온톨로지 그래프에 기업·개념·관계 데이터가 추가되었습니다.

• 개선 사항

  • 기본 화면이 네트워크 보기로 변경되었습니다.
  • 그래프 배치와 화면 맞춤 동작이 안정화되었습니다.
  • 지도와 네트워크 탭 순서가 변경되었으며, 중심 노드 스타일이 개선되었습니다.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 83efbfeb-5a99-4223-8a21-7919da020a8b

📥 Commits

Reviewing files that changed from the base of the PR and between 366fe65 and 31effb0.

📒 Files selected for processing (12)

• src/components/Header.tsx
• src/components/graph/GraphPanel.tsx
• src/components/graph/NetworkView.tsx
• src/components/graph/graph.css
• src/components/news/NewsCard.tsx
• src/components/news/NewsList.tsx
• src/components/news/NewsPanel.tsx
• src/lib/api.ts
• src/lib/atoms.ts
• src/lib/data.ts
• src/lib/layout.ts
• src/styles.css

---

📝 Walkthrough

Walkthrough

그래프 데이터와 레이아웃이 확장되고, 네트워크 첫 진입 하이라이트와 안정화 이후 화면 맞춤이 추가되었습니다. 뉴스 새로고침 API, 신규 뉴스 상태·배지·토스트가 구현되었으며 기본 탭과 그래프 원점 스타일이 변경되었습니다.

Changes

그래프 기능

Layer / File(s)	Summary
그래프 데이터 및 레이아웃 기반 src/lib/data.ts, src/lib/layout.ts	온톨로지 기업·개념·관계 데이터와 새 뉴스 풀을 추가하고, 중심 노드와 3단 동심원 레이아웃을 반환하도록 변경했습니다.
네트워크 초기 하이라이트 및 화면 맞춤 src/components/graph/GraphPanel.tsx, src/components/graph/NetworkView.tsx, src/lib/atoms.ts	그래프 안정화 상태에 따라 fitView를 수행하고, 첫 진입 시 레이아웃 중심 노드를 한 번 하이라이트하도록 변경했습니다.

뉴스 기능

Layer / File(s)	Summary
뉴스 새로고침 및 신규 뉴스 상태 src/lib/api.ts, src/lib/data.ts, src/lib/atoms.ts, src/components/news/NewsPanel.tsx	새 뉴스 ID를 반환하는 refreshNews()와 새로고침 결과 저장·초기화, 쿼리 리셋 및 토스트 표시 흐름을 추가했습니다.
뉴스 신규 표시와 기본 화면 스타일 src/components/news/NewsCard.tsx, src/components/news/NewsList.tsx, src/components/Header.tsx, src/components/graph/graph.css, src/styles.css	신규 뉴스에 NEW 배지를 표시하고, 뉴스 토스트와 그래프 원점 스타일을 추가했으며 기본 탭 순서를 변경했습니다.

Estimated code review effort: 4 (Complex) | ~45 minutes

Sequence Diagram(s)

sequenceDiagram
  participant NewsPanel
  participant refreshNews
  participant pullRefreshBatch
  participant NewsList
  participant NewsCard
  NewsPanel->>refreshNews: 새로고침 요청
  refreshNews->>pullRefreshBatch: 뉴스 배치 조회
  pullRefreshBatch-->>refreshNews: 추가 뉴스 반환
  refreshNews-->>NewsPanel: addedIds 반환
  NewsPanel->>NewsList: 신규 ID 상태 반영
  NewsList->>NewsCard: isNew 전달
  NewsCard-->>NewsList: NEW 배지 렌더링

Loading

Possibly related PRs

• koscom-team01/koslink-fe#3: GraphPanel, 레이아웃, atom 및 뉴스 UI의 동일한 코드 경로를 확장합니다.
• koscom-team01/koslink-fe#12: 전체 관계망 탭과 네트워크 뷰 상태·하이라이트 흐름에서 직접 연결됩니다.

Suggested labels: feature

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/15-entire-graph

---

_{Comment @coderabbitai help to get the list of available commands.}