From 4cea43ab0e11f254509b685cc427685adad7ffe2 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Tue, 9 Apr 2024 15:33:24 +0900
Subject: [PATCH 1/3] Update blog11

---
 src/constant/blogs/blog11.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/constant/blogs/blog11.md b/src/constant/blogs/blog11.md
index a952e45..5f184e6 100644
--- a/src/constant/blogs/blog11.md
+++ b/src/constant/blogs/blog11.md
@@ -18,7 +18,7 @@ category: JS
 
 ## Back Tracking
 
-백 트래킹은 알고리즘 기법 중 하나이다. 주어진 조건에 따라 문제를 해결 가능한 해가 존재하는지, 존재하지 않은지 판별할 수 있는 알고리즘이다. 이를 결정 문제라고 한다. 주어진 조건에 따라 문제를 해결 가능한 해가 존재하는지, 존재하지 않은지 판별하는 것. 이를 결정 문제라고 한다.
+백 트래킹은 알고리즘 기법 중 하나이다. 주어진 조건에 따라 문제를 해결 가능한 해가 존재하는지, 존재하지 않은지 판별할 수 있는 알고리즘이다. 이를 결정 문제라고 한다. 주어진 조건에 따라 문제를 해결 가능한 해가 존재하는지, 존재하지 않은지 판별하는 것.
 <br/>
 
 백 트래킹은 주어진 모든 가능한 해들을 탐색한다. 주로 DFS를 사용하며, 해가 조건에 일치하지 않는다면, 뒤로 되돌아가 다른 해를 색인한다.

From cbdca85e7f1a8461c138f7927f40c4253e49a243 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Tue, 9 Apr 2024 15:56:12 +0900
Subject: [PATCH 2/3] Add category

---
 src/lib/types/blog.ts        | 11 +++++++++++
 src/routes/blog/+page.svelte | 24 ++++++++++++++++++++++--
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/lib/types/blog.ts b/src/lib/types/blog.ts
index 0aef5d2..3ba5b93 100644
--- a/src/lib/types/blog.ts
+++ b/src/lib/types/blog.ts
@@ -1,7 +1,18 @@
+export type CategoryType =
+  | '전체'
+  | 'CS'
+  | 'JS'
+  | 'React'
+  | 'Svelte'
+  | 'TS'
+  | 'FE'
+  | 'NEXT'
+
 export interface BlogType {
   id: number
   title: string
   description: string
   date: string
   slug: string
+  category: CategoryType
 }
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 964c48e..baab785 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
   import BlogCard from '@components/blogCard.svelte'
   export let data
+
+  export let selectedOption = '전체'
+  export const ALL_CATEGORY = '전체'
 </script>
 
 <section>
@@ -12,11 +15,28 @@
     >
       Frorong's blog
     </h1>
+
+    <select
+      class="mt-4 block w-full rounded-md border border-gray-300 bg-white px-4 py-2 text-gray-800 shadow-sm focus:border-blue-500 focus:outline-none focus:ring focus:ring-blue-500 focus:ring-opacity-50"
+      bind:value="{selectedOption}"
+    >
+      <option value="전체">전체</option>
+      <option value="CS">CS</option>
+      <option value="JS">JS</option>
+      <option value="React"
+        >React</option
+      >
+      <option value="Svelte"
+        >Svelte</option
+      >
+      <option value="TS">TS</option>
+      <option value="FE">FE</option>
+      <option value="Next">Next</option>
+    </select>
     <div
       class="mt-8 flex flex-col space-y-10"
     >
-      <span></span>
-      {#each data.blogs as blog (blog.id)}
+      {#each data.blogs.filter((blog) => blog.category == selectedOption || selectedOption == ALL_CATEGORY) as blog (blog.id)}
         <BlogCard blog="{blog}" />
       {/each}
     </div>

From d337e542a84f33eb0b79c9829ead4515a3a6ae20 Mon Sep 17 00:00:00 2001
From: Lee-Seungje <moondgod@gmail.com>
Date: Tue, 9 Apr 2024 15:56:32 +0900
Subject: [PATCH 3/3] Update layout

---
 src/routes/+layout.server.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
index 671d1a2..039b7e7 100644
--- a/src/routes/+layout.server.ts
+++ b/src/routes/+layout.server.ts
@@ -1,6 +1,6 @@
-// import type { LayoutServerLoad } from './$types'
+import type { LayoutServerLoad } from './$types'
 
-// export const load: LayoutServerLoad =
-//   async (event) => ({
-//     session: await event.locals.auth(),
-//   })
+export const load: LayoutServerLoad =
+  async (event) => ({
+    session: await event.locals.auth(),
+  })