From 2d639e97f268760b8f3c46552962e15535c71255 Mon Sep 17 00:00:00 2001
From: jiohjung98 <ckaquz98@naver.com>
Date: Wed, 9 Oct 2024 16:32:56 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=A9=94=EC=9D=B8=20=EB=B0=B0=EB=84=88?=
 =?UTF-8?q?=202=EA=B0=9C=20=EB=B0=8F=20=ED=95=99=EC=8A=B5=ED=95=98?=
 =?UTF-8?q?=EA=B8=B0=20=ED=83=AD=20=EB=B0=B0=EB=84=88=20=ED=81=B4=EB=A6=AD?=
 =?UTF-8?q?=20=EC=8B=9C,=20=EB=84=A4=EC=9D=B4=EB=B2=84=ED=94=84=EB=A6=AC?=
 =?UTF-8?q?=EB=AF=B8=EC=97=84=20=EC=BD=98=ED=85=90=EC=B8=A0=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/Guide.tsx             | 11 +++++++++--
 src/components/home/MainReport.tsx        |  6 +++++-
 src/components/practice/PracticeIndex.tsx |  5 ++++-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/home/Guide.tsx b/src/components/home/Guide.tsx
index aa24dfb..20ad163 100644
--- a/src/components/home/Guide.tsx
+++ b/src/components/home/Guide.tsx
@@ -2,8 +2,15 @@
 import React from 'react';
 
 const Guide = () => {
+  const handleGuideClick = () => {
+    window.open('https://contents.premium.naver.com/vestpie/pieceofmoney', '_blank');
+  };
+
   return (
-    <div className="mx-auto flex-1 rounded-[12px] h-[200px] sm:max-w-[692px] w-full sm:h-[290px] bg-[url('/images/home/guide.svg')]">
+    <div 
+      className="mx-auto flex-1 rounded-[12px] h-[200px] sm:max-w-[692px] w-full sm:h-[290px] bg-[url('/images/home/guide.svg')] cursor-pointer" 
+      onClick={handleGuideClick}
+    >
       <div className="text-white text-heading3 sm:text-heading1 mt-[76px] sm:mt-[117px] ml-5 md:ml-11">
         <div>투자 가이드로</div>
         <div>소액 투자 시작해보자!</div>
@@ -18,4 +25,4 @@ const Guide = () => {
   );
 };
 
-export default Guide;
+export default Guide;
\ No newline at end of file
diff --git a/src/components/home/MainReport.tsx b/src/components/home/MainReport.tsx
index fbf78fe..3ae95e2 100644
--- a/src/components/home/MainReport.tsx
+++ b/src/components/home/MainReport.tsx
@@ -11,6 +11,10 @@ const MainReport = () => {
   const { mainReport, isLoading } = getReportIssues();
   const router = useRouter();
 
+  const handleGuideClick = () => {
+    window.open('https://contents.premium.naver.com/vestpie/pieceofmoney', '_blank');
+  };
+
   return (
     <div className="">
       {/* 타이틀 */}
@@ -25,7 +29,7 @@ const MainReport = () => {
         </div>
       </div>
       {/* 캐러셀 이미지 */}
-      <div className="hidden mt-[26px] sm:block">
+      <div className="hidden mt-[26px] sm:block" onClick={handleGuideClick}>
         <img src="/images/home/report_main.svg" alt="" />
       </div>
       <div className="mt-5 sm:hidden mx-auto rounded-[12px] h-[130px] w-full bg-cover bg-[url('/images/home/report_layout.svg')]">
diff --git a/src/components/practice/PracticeIndex.tsx b/src/components/practice/PracticeIndex.tsx
index e3a54b6..12394aa 100644
--- a/src/components/practice/PracticeIndex.tsx
+++ b/src/components/practice/PracticeIndex.tsx
@@ -12,11 +12,14 @@ const PracticeIndex = () => {
     window.scrollTo(0, 0);
   }, []);
   
+  const handleGuideClick = () => {
+    window.open('https://contents.premium.naver.com/vestpie/pieceofmoney', '_blank');
+  };
 
   return (
     <div>
       <Container>
-        <section className="hidden sm:flex justify-center mt-6 pb-[29px]">
+        <section className="hidden sm:flex justify-center mt-6 pb-[29px]" onClick={handleGuideClick}>
           <img src="/images/report/report_main.svg" alt="" />
         </section>
         <section className="">