From ba5907d10b49ed458aed41b85966a26d00ca5f38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Fri, 29 Jan 2021 21:55:25 +0900
Subject: [PATCH] feat: added categories page

---
 pages/categories/index.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 pages/categories/index.tsx

diff --git a/pages/categories/index.tsx b/pages/categories/index.tsx
new file mode 100644
index 0000000..84d8d0b
--- /dev/null
+++ b/pages/categories/index.tsx
@@ -0,0 +1,25 @@
+import { NextPage } from 'next'
+import dynamic from 'next/dynamic'
+
+import { categories, categoryIcon } from '@utils/Constants'
+
+const Container = dynamic(() => import('@components/Container'))
+const Tag = dynamic(() => import('@components/Tag'))
+const Segment = dynamic(() => import('@components/Segment'))
+
+const Categories:NextPage = () => {
+	return <Container paddingTop>
+		<h1 className='text-2xl font-bold mb-5'>전체 카테고리</h1>
+		<Segment>
+			<div className='text-center flex flex-wrap'>
+				{
+					categories.map(t => <Tag key={t} text={<>
+						<i className={categoryIcon[t]} /> {t}
+					</>} href={`/categories/${t}`} dark bigger /> )
+				}
+			</div>
+		</Segment>
+	</Container>
+}
+
+export default Categories
\ No newline at end of file