From 102248b163056ef37aa7993d7d6a4b97e2ffe01a Mon Sep 17 00:00:00 2001
From: qhahd78 <umuj0708@likelion.org>
Date: Mon, 3 Jan 2022 17:40:56 +0900
Subject: [PATCH] =?UTF-8?q?[Feat]::Kakao=20msg=20=EA=B5=AC=ED=98=84?=
 =?UTF-8?q?=EC=A4=91=20#65?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                  |  1 +
 public/index.html                           |  2 ++
 src/Components/Detail/Reservation/Step2.jsx | 14 ++++++++++++++
 src/Layouts/Detail/Detail.jsx               |  6 ++++++
 src/Layouts/MyReservation/MyReservation.jsx |  1 -
 5 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 4d29575..966bc27 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.env
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 87579cc..d78adab 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,8 @@
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!-- 카카오 메세지  -->
+    <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
diff --git a/src/Components/Detail/Reservation/Step2.jsx b/src/Components/Detail/Reservation/Step2.jsx
index 00b77ef..f7b63b0 100644
--- a/src/Components/Detail/Reservation/Step2.jsx
+++ b/src/Components/Detail/Reservation/Step2.jsx
@@ -82,6 +82,8 @@ const Person = styled.span`
   padding-bottom: 15px;
 `;
 
+const { Kakao } = window;
+
 const Step2 = ({ restaurantName, increasePageFunc, decreasePageFunc }) => {
   const navigate = useNavigate();
   const [Today, setToday] = useState('');
@@ -103,6 +105,17 @@ const Step2 = ({ restaurantName, increasePageFunc, decreasePageFunc }) => {
   const [MyWaiting, setMyWaiting] = useRecoilState(waitingState);
   const [MyResName, setMyResName] = useRecoilState(myRestaurantName);
 
+  const sendMsg = () => {
+    console.log(Kakao);
+    Kakao.Link.sendDefault({
+      objectType: 'text',
+      text: '테스트입니다',
+      link: {
+        webUrl: 'https://naver.com',
+      },
+    });
+  };
+
   // waiting 제출 및 다음 단계 실행 함수
   // User의 예약 정보는 Recoil 에 저장하기.
   const fetch = async () => {
@@ -123,6 +136,7 @@ const Step2 = ({ restaurantName, increasePageFunc, decreasePageFunc }) => {
         alert('예약을 종료하고 홈 화면으로 돌아갑니다.');
         navigate('/district1');
       }
+      sendMsg();
     } catch (error) {
       return error;
     }
diff --git a/src/Layouts/Detail/Detail.jsx b/src/Layouts/Detail/Detail.jsx
index d2e0114..f7c1577 100644
--- a/src/Layouts/Detail/Detail.jsx
+++ b/src/Layouts/Detail/Detail.jsx
@@ -28,9 +28,15 @@ const Detail = ({ resId }) => {
     }
     return Restaurant;
   };
+
   useEffect(() => {
     fetch();
   }, []);
+
+  useEffect(() => {
+    window.Kakao.init(process.env.REACT_APP_KAKAO_KEY);
+    console.log(window.Kakao.isInitialized());
+  }, []);
   return (
     <>
       <Container>
diff --git a/src/Layouts/MyReservation/MyReservation.jsx b/src/Layouts/MyReservation/MyReservation.jsx
index 02e732d..b30c8bc 100644
--- a/src/Layouts/MyReservation/MyReservation.jsx
+++ b/src/Layouts/MyReservation/MyReservation.jsx
@@ -15,7 +15,6 @@ const MyReservation = () => {
     try {
       // user의 waiting pk 로 waiting 정보 조회 및 저장
       const waitingInfo = (await userWaiting(user.username)).data;
-      console.log(waitingInfo);
       if (waitingInfo.data.success) {
         setWaitingInfo(waitingInfo);
         setWaitingNum(waitingInfo.members.length);