[Feat]::Kakao msg 구현중 #65

.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.env

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/

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;
     }

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>

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);