+ {/* 제목 섹션 */}
+
+
+
+ 2024.10
+
+
+
+
+ {/* 버튼 */}
+
+
+
+
+ {/* 차트 섹션 */}
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/react-app/src/components/Header.jsx b/react-app/src/components/Header.jsx
index 6ada8d0..bd07bda 100644
--- a/react-app/src/components/Header.jsx
+++ b/react-app/src/components/Header.jsx
@@ -1 +1,28 @@
-// 웹사이트 상단 헤더 부분
\ No newline at end of file
+// src/components/Header.jsx
+import React from 'react';
+import { Link } from 'react-router-dom';
+import styles from './Header.module.css';
+
+export default function Header() {
+ return (
+
+
{/* 페이지 위에서 간격을 둔 상단 선 */}
+
+ Newsy
+
+
+
+
+ {/* 헤더 */}
+
+
+ {/* 차트 섹션 */}
+
+ {/* 흰색 배경 */}
+
+ {/* 차트 */}
+
+
+
+ {/* 뉴스 섹션 */}
+
+
+
+
127
+
일주일 간 분석한 뉴스 기사 수
+
+
+
+
+
Check Today News
+
매일매일 판별 되는 뉴스 기사
+
+ {/* 이미지 추가 */}
+
+
+
+
+