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 (
+
+ 공지사항
+ 07-12 14:34
+
+ );
+}
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';