Merge pull request #13 from TeamBNBN/fe/articleBoard

[Front-End] feat: 게시판 추가

frontend/src/components/ArticleBoard/ArticleBoard.jsx

@@ -0,0 +1,19 @@
+import { ArticleLink } from '../ArticleLink';
+import styles from './ArticleBoard.module.css';
+
+export default function ArticleBoard() {
+  return (
+    <div className={styles.articleBoard}>
+      <div className={styles.title}>공지사항</div>
+      <div className={styles.article}>
+        <ArticleLink />
+        <ArticleLink />
+        <ArticleLink />
+        <ArticleLink />
+        <ArticleLink />
+        <ArticleLink />
+        <ArticleLink />
+      </div>
+    </div>
+  );
+}

frontend/src/components/ArticleBoard/ArticleBoard.module.css

@@ -0,0 +1,23 @@
+.articleBoard {
+  width: 920px;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  align-items: flex-start;
+}
+
+.title {
+  width: 820px;
+  box-sizing: border-box;
+  padding: 0 20px;
+  font-size: 32px;
+  line-height: 1.2;
+  font-weight: 900;
+}
+
+.article {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: 12px;
+}

frontend/src/components/ArticleBoard/index.js

@@ -0,0 +1 @@
+export { default as ArticleBoard } from './ArticleBoard';

frontend/src/components/ArticleLink/ArticleLink.module.css

@@ -1,6 +1,6 @@
 .articleLink {
   border-radius: 8px;
-  width: 820px;
+  width: 100%;
   display: flex;
   justify-content: space-between;
   box-sizing: border-box;