From fe668b58d536ac79f27dc19dcec4d5362c4a6b6a Mon Sep 17 00:00:00 2001
From: hyuna <phyunaa0525@gmail.com>
Date: Fri, 8 Nov 2024 13:24:23 +0900
Subject: [PATCH 1/2] =?UTF-8?q?chore=20::=20=EB=AA=A8=EC=A7=91=EC=9D=98?=
 =?UTF-8?q?=EB=A2=B0=EC=84=9C=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../recruitments/RecruitmentsCard.tsx         | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/recruitments/RecruitmentsCard.tsx b/src/components/recruitments/RecruitmentsCard.tsx
index 3e5f391..9f7e46f 100644
--- a/src/components/recruitments/RecruitmentsCard.tsx
+++ b/src/components/recruitments/RecruitmentsCard.tsx
@@ -25,17 +25,19 @@ export default function RecruitmentsCard({ maxLength = 12 }: PropsType) {
   return (
     <div className="w-full mt-5 grid grid-cols-3 md:grid-cols-4 gap-[1.5vw]">
       {isLoading && <RecruitmentSkelton />}
-        {recruitmentsList?.recruitments.length === 0 ? (
-          <p className="col-span-4 text-center">⚠ 아직 모집의뢰서가 없습니다.</p>
-        ) :
-        recruitmentsList?.recruitments.filter((_, idx) => idx < maxLength).map((item) => {
-          return <RecruitmentsItem key={item.id} {...item} />;
-        })}
+      {recruitmentsList?.recruitments.length === 0 ? (
+        <p className="col-span-4 text-center">⚠ 아직 모집의뢰서가 없습니다.</p>
+      ) : (
+        recruitmentsList?.recruitments
+          .filter((_, idx) => idx < maxLength)
+          .map((item) => {
+            return <RecruitmentsItem key={item.id} {...item} />;
+          })
+      )}
     </div>
   );
 }
 
-
 function RecruitmentsItem({
   company_profile_url,
   company_name,
@@ -51,7 +53,7 @@ function RecruitmentsItem({
 
   return (
     <HoverPrefetchLink href={`/recruitments/detail?id=${id}`}>
-      <div className="flex flex-col w-full overflow-hidden transition duration-200 cursor-pointer shadow-elevaiton rounded-xl hover:transition hover:scale-105">
+      <div className="flex flex-col w-full overflow-hidden transition duration-200 cursor-pointer shadow-elevaiton rounded-xl hover:transition hover:scale-105 h-full">
         <div className="w-full h-0 pb-[70%] relative">
           <Image
             className="absolute object-contain"
@@ -88,4 +90,4 @@ function RecruitmentsItem({
       </div>
     </HoverPrefetchLink>
   );
-}
\ No newline at end of file
+}

From c6d3d9a4ea4ec3e28c6366a24bb854de3af61e9d Mon Sep 17 00:00:00 2001
From: hyuna <phyunaa0525@gmail.com>
Date: Fri, 8 Nov 2024 13:25:29 +0900
Subject: [PATCH 2/2] =?UTF-8?q?feat=20::=20=EC=B1=84=EB=84=90=ED=86=A1=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .pnp.cjs           | 11 +++++++++++
 package.json       |  1 +
 src/app/layout.tsx |  9 +++++++++
 yarn.lock          |  8 ++++++++
 4 files changed, 29 insertions(+)

diff --git a/.pnp.cjs b/.pnp.cjs
index 5c56d38..faee394 100644
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -28,6 +28,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
         [null, {\
           "packageLocation": "./",\
           "packageDependencies": [\
+            ["@channel.io/channel-web-sdk-loader", "npm:2.0.0"],\
             ["@next/font", "npm:13.5.7"],\
             ["@sentry/nextjs", "virtual:ddccc941eb8b35cd4b898a64351d8bba4ecc85eb47e8f1b36dce7852d6c3635665e0fc5464861f723d175edb2248ce0fa54dfefb9b5e4d2fdaef4b2353c4aa82#npm:8.33.1"],\
             ["@sentry/utils", "npm:8.33.1"],\
@@ -328,6 +329,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "linkType": "HARD"\
         }]\
       ]],\
+      ["@channel.io/channel-web-sdk-loader", [\
+        ["npm:2.0.0", {\
+          "packageLocation": "./.yarn/cache/@channel.io-channel-web-sdk-loader-npm-2.0.0-a716027852-11902a0695.zip/node_modules/@channel.io/channel-web-sdk-loader/",\
+          "packageDependencies": [\
+            ["@channel.io/channel-web-sdk-loader", "npm:2.0.0"]\
+          ],\
+          "linkType": "HARD"\
+        }]\
+      ]],\
       ["@emotion/is-prop-valid", [\
         ["npm:1.2.2", {\
           "packageLocation": "./.yarn/cache/@emotion-is-prop-valid-npm-1.2.2-53f93f2b2d-61f6b128ea.zip/node_modules/@emotion/is-prop-valid/",\
@@ -6424,6 +6434,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
           "packageLocation": "./",\
           "packageDependencies": [\
             ["my-app", "workspace:."],\
+            ["@channel.io/channel-web-sdk-loader", "npm:2.0.0"],\
             ["@next/font", "npm:13.5.7"],\
             ["@sentry/nextjs", "virtual:ddccc941eb8b35cd4b898a64351d8bba4ecc85eb47e8f1b36dce7852d6c3635665e0fc5464861f723d175edb2248ce0fa54dfefb9b5e4d2fdaef4b2353c4aa82#npm:8.33.1"],\
             ["@sentry/utils", "npm:8.33.1"],\
diff --git a/package.json b/package.json
index ccc904b..7c63e9a 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
         "lint": "next lint"
     },
     "dependencies": {
+        "@channel.io/channel-web-sdk-loader": "^2.0.0",
         "@next/font": "^13.5.2",
         "@sentry/nextjs": "^8.33.1",
         "@sentry/utils": "^8.33.1",
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8f76b8a..f0af7db 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import localFont from "@next/font/local";
 import { usePathname } from "next/navigation";
 import { useEffect } from "react";
 import "./globals.css";
+import * as ChannelService from "@channel.io/channel-web-sdk-loader";
 
 const pretendard = localFont({
   src: [
@@ -45,6 +46,14 @@ export default function RootLayout({
     }
   }, [pathname]);
 
+  ChannelService.loadScript();
+
+  const CHATKEY = process.env.NEXT_PUBLIC_CHAT_KEY || "";
+
+  ChannelService.boot({
+    pluginKey: CHATKEY,
+  });
+
   return (
     <html>
       <SEOConfig />
diff --git a/yarn.lock b/yarn.lock
index 4025177..47d74c3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -237,6 +237,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@channel.io/channel-web-sdk-loader@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@channel.io/channel-web-sdk-loader@npm:2.0.0"
+  checksum: 11902a0695e718b2ff8f1df92684bd2c5bea06b5e4d83a1f907fe6eef16d1ca6e231bd4bceced2cd4e839c05407d9a8b96034cb902d17998e1e9e2bd799ea8ff
+  languageName: node
+  linkType: hard
+
 "@emotion/is-prop-valid@npm:1.2.2":
   version: 1.2.2
   resolution: "@emotion/is-prop-valid@npm:1.2.2"
@@ -5055,6 +5062,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "my-app@workspace:."
   dependencies:
+    "@channel.io/channel-web-sdk-loader": ^2.0.0
     "@next/font": ^13.5.2
     "@sentry/nextjs": ^8.33.1
     "@sentry/utils": ^8.33.1