From fa076c285914a9603652edf39688ae4befed6860 Mon Sep 17 00:00:00 2001
From: minwucho <mauercho@gmail.com>
Date: Mon, 15 Jul 2024 16:05:09 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B8=80=20=EB=A7=81=ED=81=AC=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ArticleLink/ArticleLink.jsx    | 10 ++++++++
 .../ArticleLink/ArticleLink.module.css        | 25 +++++++++++++++++++
 frontend/src/components/ArticleLink/index.js  |  1 +
 3 files changed, 36 insertions(+)
 create mode 100644 frontend/src/components/ArticleLink/ArticleLink.jsx
 create mode 100644 frontend/src/components/ArticleLink/ArticleLink.module.css
 create mode 100644 frontend/src/components/ArticleLink/index.js

diff --git a/frontend/src/components/ArticleLink/ArticleLink.jsx b/frontend/src/components/ArticleLink/ArticleLink.jsx
new file mode 100644
index 0000000..739d8fe
--- /dev/null
+++ b/frontend/src/components/ArticleLink/ArticleLink.jsx
@@ -0,0 +1,10 @@
+import styles from './ArticleLink.module.css';
+
+export default function ArticleLink() {
+  return (
+    <div className={styles.articleLink}>
+      <span className={styles.note}>공지사항</span>
+      <span className={styles.date}>07-12 14:34</span>
+    </div>
+  );
+}
diff --git a/frontend/src/components/ArticleLink/ArticleLink.module.css b/frontend/src/components/ArticleLink/ArticleLink.module.css
new file mode 100644
index 0000000..d325528
--- /dev/null
+++ b/frontend/src/components/ArticleLink/ArticleLink.module.css
@@ -0,0 +1,25 @@
+.articleLink {
+  border-radius: 8px;
+  width: 820px;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 16px 20px;
+}
+
+.articleLink:hover {
+  background-color: var(--background-secondary);
+}
+
+.note {
+  font-size: 20px;
+  line-height: 1.2;
+  font-weight: 400;
+}
+
+.date {
+  font-size: 14px;
+  line-height: 1.4;
+  font-weight: 400;
+  color: var(--text-color-secondary);
+}
diff --git a/frontend/src/components/ArticleLink/index.js b/frontend/src/components/ArticleLink/index.js
new file mode 100644
index 0000000..77f5833
--- /dev/null
+++ b/frontend/src/components/ArticleLink/index.js
@@ -0,0 +1 @@
+export { default as ArticleLink } from './ArticleLink';