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