[#137] Feat: 닉네임 설정 페이지 진입시 토스트 알림 추가 (#138)

index.html

@@ -15,7 +15,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta
       property="og:description"
-      content="자신만의 특별한 떡국을 만들고 응원 메시지를 전달하세요"
+      content="나만의 떡국을 만들고, 다른 사람들과 재료를 나눠보세요."
     />
     <link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
     <link

package.json

@@ -19,6 +19,8 @@
     "*.{css,json,html}": "prettier --check"
   },
   "dependencies": {
+    "@sentry/react": "^7.100.1",
+    "@sentry/tracing": "^7.100.1",
     "@toss/use-overlay": "^1.3.8",
     "classnames": "^2.5.1",
     "jotai": "^2.6.2",

src/pages/NicknamePage.tsx

@@ -1,7 +1,8 @@
-import { Fragment } from "react";
+import { Fragment, useEffect } from "react";
 
 import { useOverlay } from "@toss/use-overlay";
 import { useAtomValue } from "jotai";
+import { toast } from "sonner";
 
 import { NicknameFormValues } from "@/types/form";
 
@@ -41,6 +42,10 @@ const NicknamePage = () => {
     );
   };
 
+  useEffect(() => {
+    toast("카카오 로그인이 정상적으로 완료되었습니다");
+  }, []);
+
   return (
     <Fragment>
       <Header showBackButton>닉네임 설정하기</Header>