From 5c5cda8bd8b96a206fcd25b5b0dc2c6c474a5c66 Mon Sep 17 00:00:00 2001 From: chaduhwan Date: Sat, 6 Apr 2024 19:53:55 +0900 Subject: [PATCH 1/3] =?UTF-8?q?[#5]=EC=98=A8=EB=B3=B4=EB=94=A9=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20ui=20=EA=B5=AC=ED=98=84=20=EB=B0=8F=20?= =?UTF-8?q?=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20=EA=B5=AC?= =?UTF-8?q?=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/(route)/onboard/Onboard.module.css | 135 ++++++++++++++++++ app/(route)/onboard/_components/.gitkeep | 0 .../onboard/_components/OnBoardPage.tsx | 20 +++ .../onboard/_components/OnBoarding.tsx | 45 ++++++ app/(route)/onboard/_components/WatchWord.tsx | 26 ++++ app/(route)/onboard/page.tsx | 10 +- app/(route)/signin/Signin.module.css | 40 ++++++ app/(route)/signin/_components/.gitkeep | 0 app/(route)/signin/_components/Login.tsx | 23 +++ app/(route)/signin/page.tsx | 5 +- app/layout.tsx | 12 +- 11 files changed, 308 insertions(+), 8 deletions(-) create mode 100644 app/(route)/onboard/Onboard.module.css delete mode 100644 app/(route)/onboard/_components/.gitkeep create mode 100644 app/(route)/onboard/_components/OnBoardPage.tsx create mode 100644 app/(route)/onboard/_components/OnBoarding.tsx create mode 100644 app/(route)/onboard/_components/WatchWord.tsx create mode 100644 app/(route)/signin/Signin.module.css delete mode 100644 app/(route)/signin/_components/.gitkeep create mode 100644 app/(route)/signin/_components/Login.tsx diff --git a/app/(route)/onboard/Onboard.module.css b/app/(route)/onboard/Onboard.module.css new file mode 100644 index 0000000..effa61d --- /dev/null +++ b/app/(route)/onboard/Onboard.module.css @@ -0,0 +1,135 @@ +.background { + background: #6C76F4; + width: 100%; + height: 100%; + + overflow: hidden; +} + +.wordwrap { + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; +} +.wrap{ + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + +} + +.word { + color: #FFF; + text-align: center; + font-size: 36px; + font-style: normal; + font-weight: 600; + line-height: normal; +} + +.smallword{ + color: #FFF; + text-align: center; + font-size: 20px; + font-style: normal; + font-weight: 600; + line-height: normal; +} + +.largeword { + color: #FFF; + text-align: center; + font-size: 64px; + font-style: normal; + font-weight: 800; + line-height: normal; +} + +.gray { + color: #E8E8E8; +} +.blue { + color: #183876; +} +.topmargin { + margin-top: 100px; +} +.leftmargin { + margin-left: 10px; + cursor: pointer; +} +.leftmargin:hover { + color: #04030D; +} +.flex { + margin-top: 10px; + display: flex; + align-items: center; + justify-content: center; +} + +.intosignin { + width: 360px; + height: 60px; + border-radius: 7px; + background: #FFF; + + display: flex; + align-items: center; + justify-content: center; + + color: #04030D; + text-align: center; + font-size: 20px; + + font-style: normal; + font-weight: 600; + letter-spacing: 0.1px; + + cursor: pointer; +} + +.intosignin:hover { + opacity: 0.8; +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY(20px); + } + 100% { + opacity: 1; + transform: translateY(0); + } + } + + .word { + opacity: 0; + animation: fadeInUp 2s ease forwards; + } + + .word:nth-child(1) { + animation-delay: 0.5s; + } + + .word:nth-child(2) { + animation-delay: 1s; + } + + .wrap{ + opacity: 0; + animation: fadeInUp 1s ease forwards; + } + .wrap:nth-child(1) { + animation-delay: 0.5s; + } + + .wrap:nth-child(2) { + animation-delay: 1s; + } + .wrap:nth-child(3) { + animation-delay: 2s; + } \ No newline at end of file diff --git a/app/(route)/onboard/_components/.gitkeep b/app/(route)/onboard/_components/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/app/(route)/onboard/_components/OnBoardPage.tsx b/app/(route)/onboard/_components/OnBoardPage.tsx new file mode 100644 index 0000000..80e2476 --- /dev/null +++ b/app/(route)/onboard/_components/OnBoardPage.tsx @@ -0,0 +1,20 @@ +'use client' + +import { useState } from 'react'; +import Onboarding from "../_components/OnBoarding"; +import WatchWord from "../_components/WatchWord"; +import styles from '../Onboard.module.css'; + +function OnboardPage() { + const [showWatchWord, setShowWatchWord] = useState(true); + + + return ( +
+ {showWatchWord && } + {!showWatchWord && } +
+ ); +} + +export default OnboardPage; diff --git a/app/(route)/onboard/_components/OnBoarding.tsx b/app/(route)/onboard/_components/OnBoarding.tsx new file mode 100644 index 0000000..ad1b494 --- /dev/null +++ b/app/(route)/onboard/_components/OnBoarding.tsx @@ -0,0 +1,45 @@ +'use client' + +import styles from '../Onboard.module.css'; +import rocketLogo from '../../../_assets/_images/rocketLogo.png'; +import Image from 'next/image'; +import { useRouter } from 'next/navigation'; + +function Onboarding(){ + + const router = useRouter() + + const handleClickSignin = () => { + router.push('/signin') + } + + const handleCilckSignup = () => { + router.push('/singup') + } + + return( +
+
+

아이디어 검증 툴 서비스

+

프리무스

+
+
+ 로켓로고 +
+
+
아이디어 검증하러 가기
+
+
아직 회원이 아니시라면?
+
회원가입
+
+
+
+ ); +} + +export default Onboarding; diff --git a/app/(route)/onboard/_components/WatchWord.tsx b/app/(route)/onboard/_components/WatchWord.tsx new file mode 100644 index 0000000..f2cd3f9 --- /dev/null +++ b/app/(route)/onboard/_components/WatchWord.tsx @@ -0,0 +1,26 @@ +import { useEffect,useRef } from 'react'; +import styles from '../Onboard.module.css'; + +function WatchWord ({ handleView }: { handleView: any }) { + const animationRef = useRef(null); + + useEffect(() => { + const animationend = () => { + handleView(false) + } + + animationRef.current?.addEventListener('animationend', animationend); + + return () => { + animationRef.current?.removeEventListener('animationend', animationend); + }; + }, []); + return ( +
+

당신의 아이디어가

+

로켓처럼 성장하도록

+
+ ); +} + +export default WatchWord; diff --git a/app/(route)/onboard/page.tsx b/app/(route)/onboard/page.tsx index e767d95..9cc9dc9 100644 --- a/app/(route)/onboard/page.tsx +++ b/app/(route)/onboard/page.tsx @@ -1,5 +1,11 @@ +import OnboardPage from "./_components/OnBoardPage"; + function Onboard() { - return + + + return ( + + ); } -export default Onboard +export default Onboard; diff --git a/app/(route)/signin/Signin.module.css b/app/(route)/signin/Signin.module.css new file mode 100644 index 0000000..a8e3aff --- /dev/null +++ b/app/(route)/signin/Signin.module.css @@ -0,0 +1,40 @@ +.background { + background: #6C76F4; + width: 100%; + height: 100%; +} + +.wordwrap { + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; +} + +.word { + color: #FFF; + text-align: center; + font-size: 36px; + font-style: normal; + font-weight: 600; + line-height: normal; +} + +.intosignup { + width: 360px; + height: 60px; + border-radius: 7px; + background: #FFF; + + display: flex; + align-items: center; + justify-content: center; + + color: #04030D; + text-align: center; + font-size: 20px; + + font-style: normal; + font-weight: 600; + letter-spacing: 0.1px; +} \ No newline at end of file diff --git a/app/(route)/signin/_components/.gitkeep b/app/(route)/signin/_components/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/app/(route)/signin/_components/Login.tsx b/app/(route)/signin/_components/Login.tsx new file mode 100644 index 0000000..05026b7 --- /dev/null +++ b/app/(route)/signin/_components/Login.tsx @@ -0,0 +1,23 @@ +import rocketLogo from '../../../_assets/_images/rocketLogo.png'; +import Image from 'next/image'; + +function Login(){ + return( + +
+

안녕하세요

+

프리무스입니다

+

서비스 이용을 위해서 로그인 해주세요

+ 로켓로고 +
카카오로 시작하기
+
비회원으로 둘러보기
+
+ ) +} + +export default Login \ No newline at end of file diff --git a/app/(route)/signin/page.tsx b/app/(route)/signin/page.tsx index 1109452..308b48d 100644 --- a/app/(route)/signin/page.tsx +++ b/app/(route)/signin/page.tsx @@ -1,5 +1,8 @@ +import Login from "./_components/Login" function Signin() { - return + return ( + + ) } export default Signin diff --git a/app/layout.tsx b/app/layout.tsx index c7a4983..a4e9c63 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -11,11 +11,13 @@ function RootLayout({ }>) { return ( - - - {children} - - + + + + {children} + + + ) } From 80e2813a3febf9cb06c3f02bd9e7c6de00e40d8e Mon Sep 17 00:00:00 2001 From: chaduhwan Date: Sat, 6 Apr 2024 20:21:24 +0900 Subject: [PATCH 2/3] =?UTF-8?q?[fix]=ED=94=84=EB=A6=AC=ED=8B=B0=EC=96=B4?= =?UTF-8?q?=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/(route)/onboard/Onboard.module.css | 183 +++++++++--------- .../onboard/_components/OnBoardPage.tsx | 17 +- .../onboard/_components/OnBoarding.tsx | 83 ++++---- app/(route)/onboard/_components/WatchWord.tsx | 44 ++--- app/(route)/onboard/page.tsx | 10 +- app/(route)/signin/Signin.module.css | 54 +++--- app/(route)/signin/_components/Login.tsx | 40 ++-- app/(route)/signin/page.tsx | 6 +- .../PaginationBtn/index.module.css | 12 +- .../_components/Step1/index.module.css | 8 +- .../_components/Textarea/index.module.css | 2 +- 11 files changed, 230 insertions(+), 229 deletions(-) diff --git a/app/(route)/onboard/Onboard.module.css b/app/(route)/onboard/Onboard.module.css index effa61d..ddd721c 100644 --- a/app/(route)/onboard/Onboard.module.css +++ b/app/(route)/onboard/Onboard.module.css @@ -1,135 +1,134 @@ .background { - background: #6C76F4; - width: 100%; - height: 100%; + background: #6c76f4; + width: 100%; + height: 100%; - overflow: hidden; + overflow: hidden; } .wordwrap { - height: 100%; - display: flex; - flex-direction: column; - justify-content: center; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; } -.wrap{ - height: 100%; - display: flex; - flex-direction: column; - align-items: center; - +.wrap { + height: 100%; + display: flex; + flex-direction: column; + align-items: center; } .word { - color: #FFF; - text-align: center; - font-size: 36px; - font-style: normal; - font-weight: 600; - line-height: normal; + color: #fff; + text-align: center; + font-size: 36px; + font-style: normal; + font-weight: 600; + line-height: normal; } -.smallword{ - color: #FFF; - text-align: center; - font-size: 20px; - font-style: normal; - font-weight: 600; - line-height: normal; +.smallword { + color: #fff; + text-align: center; + font-size: 20px; + font-style: normal; + font-weight: 600; + line-height: normal; } .largeword { - color: #FFF; - text-align: center; - font-size: 64px; - font-style: normal; - font-weight: 800; - line-height: normal; + color: #fff; + text-align: center; + font-size: 64px; + font-style: normal; + font-weight: 800; + line-height: normal; } .gray { - color: #E8E8E8; + color: #e8e8e8; } .blue { - color: #183876; + color: #183876; } .topmargin { - margin-top: 100px; + margin-top: 100px; } .leftmargin { - margin-left: 10px; - cursor: pointer; + margin-left: 10px; + cursor: pointer; } .leftmargin:hover { - color: #04030D; + color: #04030d; } .flex { - margin-top: 10px; - display: flex; - align-items: center; - justify-content: center; + margin-top: 10px; + display: flex; + align-items: center; + justify-content: center; } .intosignin { - width: 360px; - height: 60px; - border-radius: 7px; - background: #FFF; + width: 360px; + height: 60px; + border-radius: 7px; + background: #fff; - display: flex; - align-items: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; - color: #04030D; - text-align: center; - font-size: 20px; + color: #04030d; + text-align: center; + font-size: 20px; - font-style: normal; - font-weight: 600; - letter-spacing: 0.1px; + font-style: normal; + font-weight: 600; + letter-spacing: 0.1px; - cursor: pointer; + cursor: pointer; } .intosignin:hover { - opacity: 0.8; + opacity: 0.8; } @keyframes fadeInUp { - 0% { - opacity: 0; - transform: translateY(20px); - } - 100% { - opacity: 1; - transform: translateY(0); - } - } - - .word { - opacity: 0; - animation: fadeInUp 2s ease forwards; - } - - .word:nth-child(1) { - animation-delay: 0.5s; - } - - .word:nth-child(2) { - animation-delay: 1s; - } - - .wrap{ + 0% { opacity: 0; - animation: fadeInUp 1s ease forwards; + transform: translateY(20px); } - .wrap:nth-child(1) { - animation-delay: 0.5s; + 100% { + opacity: 1; + transform: translateY(0); } - - .wrap:nth-child(2) { - animation-delay: 1s; - } - .wrap:nth-child(3) { - animation-delay: 2s; - } \ No newline at end of file +} + +.word { + opacity: 0; + animation: fadeInUp 2s ease forwards; +} + +.word:nth-child(1) { + animation-delay: 0.5s; +} + +.word:nth-child(2) { + animation-delay: 1s; +} + +.wrap { + opacity: 0; + animation: fadeInUp 1s ease forwards; +} +.wrap:nth-child(1) { + animation-delay: 0.5s; +} + +.wrap:nth-child(2) { + animation-delay: 1s; +} +.wrap:nth-child(3) { + animation-delay: 2s; +} diff --git a/app/(route)/onboard/_components/OnBoardPage.tsx b/app/(route)/onboard/_components/OnBoardPage.tsx index 80e2476..bb8cad4 100644 --- a/app/(route)/onboard/_components/OnBoardPage.tsx +++ b/app/(route)/onboard/_components/OnBoardPage.tsx @@ -1,20 +1,19 @@ 'use client' -import { useState } from 'react'; -import Onboarding from "../_components/OnBoarding"; -import WatchWord from "../_components/WatchWord"; -import styles from '../Onboard.module.css'; +import { useState } from 'react' +import Onboarding from '../_components/OnBoarding' +import WatchWord from '../_components/WatchWord' +import styles from '../Onboard.module.css' function OnboardPage() { - const [showWatchWord, setShowWatchWord] = useState(true); - + const [showWatchWord, setShowWatchWord] = useState(true) return (
- {showWatchWord && } + {showWatchWord && } {!showWatchWord && }
- ); + ) } -export default OnboardPage; +export default OnboardPage diff --git a/app/(route)/onboard/_components/OnBoarding.tsx b/app/(route)/onboard/_components/OnBoarding.tsx index ad1b494..50fe0ad 100644 --- a/app/(route)/onboard/_components/OnBoarding.tsx +++ b/app/(route)/onboard/_components/OnBoarding.tsx @@ -1,45 +1,54 @@ 'use client' -import styles from '../Onboard.module.css'; -import rocketLogo from '../../../_assets/_images/rocketLogo.png'; -import Image from 'next/image'; -import { useRouter } from 'next/navigation'; +import styles from '../Onboard.module.css' +import rocketLogo from '../../../_assets/_images/rocketLogo.png' +import Image from 'next/image' +import { useRouter } from 'next/navigation' -function Onboarding(){ - - const router = useRouter() - - const handleClickSignin = () => { - router.push('/signin') - } +function Onboarding() { + const router = useRouter() - const handleCilckSignup = () => { - router.push('/singup') - } + const handleClickSignin = () => { + router.push('/signin') + } - return( -
-
-

아이디어 검증 툴 서비스

-

프리무스

-
-
- 로켓로고 -
-
-
아이디어 검증하러 가기
-
-
아직 회원이 아니시라면?
-
회원가입
-
-
+ const handleCilckSignup = () => { + router.push('/singup') + } + + return ( +
+
+

아이디어 검증 툴 서비스

+

프리무스

+
+
+ 로켓로고 +
+
+
+ 아이디어 검증하러 가기 +
+
+
+ 아직 회원이 아니시라면? +
+
+ 회원가입 +
- ); +
+
+ ) } -export default Onboarding; +export default Onboarding diff --git a/app/(route)/onboard/_components/WatchWord.tsx b/app/(route)/onboard/_components/WatchWord.tsx index f2cd3f9..9112310 100644 --- a/app/(route)/onboard/_components/WatchWord.tsx +++ b/app/(route)/onboard/_components/WatchWord.tsx @@ -1,26 +1,26 @@ -import { useEffect,useRef } from 'react'; -import styles from '../Onboard.module.css'; +import { useEffect, useRef } from 'react' +import styles from '../Onboard.module.css' -function WatchWord ({ handleView }: { handleView: any }) { - const animationRef = useRef(null); +function WatchWord({ handleView }: { handleView: any }) { + const animationRef = useRef(null) - useEffect(() => { - const animationend = () => { - handleView(false) - } - - animationRef.current?.addEventListener('animationend', animationend); - - return () => { - animationRef.current?.removeEventListener('animationend', animationend); - }; - }, []); - return ( -
-

당신의 아이디어가

-

로켓처럼 성장하도록

-
- ); + useEffect(() => { + const animationend = () => { + handleView(false) + } + + animationRef.current?.addEventListener('animationend', animationend) + + return () => { + animationRef.current?.removeEventListener('animationend', animationend) + } + }, []) + return ( +
+

당신의 아이디어가

+

로켓처럼 성장하도록

+
+ ) } -export default WatchWord; +export default WatchWord diff --git a/app/(route)/onboard/page.tsx b/app/(route)/onboard/page.tsx index 9cc9dc9..a61c160 100644 --- a/app/(route)/onboard/page.tsx +++ b/app/(route)/onboard/page.tsx @@ -1,11 +1,7 @@ -import OnboardPage from "./_components/OnBoardPage"; +import OnboardPage from './_components/OnBoardPage' function Onboard() { - - - return ( - - ); + return } -export default Onboard; +export default Onboard diff --git a/app/(route)/signin/Signin.module.css b/app/(route)/signin/Signin.module.css index a8e3aff..c7e0db4 100644 --- a/app/(route)/signin/Signin.module.css +++ b/app/(route)/signin/Signin.module.css @@ -1,40 +1,40 @@ .background { - background: #6C76F4; - width: 100%; - height: 100%; + background: #6c76f4; + width: 100%; + height: 100%; } .wordwrap { - height: 100%; - display: flex; - flex-direction: column; - justify-content: center; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; } .word { - color: #FFF; - text-align: center; - font-size: 36px; - font-style: normal; - font-weight: 600; - line-height: normal; + color: #fff; + text-align: center; + font-size: 36px; + font-style: normal; + font-weight: 600; + line-height: normal; } .intosignup { - width: 360px; - height: 60px; - border-radius: 7px; - background: #FFF; + width: 360px; + height: 60px; + border-radius: 7px; + background: #fff; - display: flex; - align-items: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; - color: #04030D; - text-align: center; - font-size: 20px; + color: #04030d; + text-align: center; + font-size: 20px; - font-style: normal; - font-weight: 600; - letter-spacing: 0.1px; -} \ No newline at end of file + font-style: normal; + font-weight: 600; + letter-spacing: 0.1px; +} diff --git a/app/(route)/signin/_components/Login.tsx b/app/(route)/signin/_components/Login.tsx index 05026b7..70660f7 100644 --- a/app/(route)/signin/_components/Login.tsx +++ b/app/(route)/signin/_components/Login.tsx @@ -1,23 +1,23 @@ -import rocketLogo from '../../../_assets/_images/rocketLogo.png'; -import Image from 'next/image'; +import rocketLogo from '../../../_assets/_images/rocketLogo.png' +import Image from 'next/image' -function Login(){ - return( - -
-

안녕하세요

-

프리무스입니다

-

서비스 이용을 위해서 로그인 해주세요

- 로켓로고 -
카카오로 시작하기
-
비회원으로 둘러보기
-
- ) +function Login() { + return ( +
+

안녕하세요

+

프리무스입니다

+

서비스 이용을 위해서 로그인 해주세요

+ 로켓로고 +
카카오로 시작하기
+
비회원으로 둘러보기
+
+ ) } -export default Login \ No newline at end of file +export default Login diff --git a/app/(route)/signin/page.tsx b/app/(route)/signin/page.tsx index 308b48d..c869103 100644 --- a/app/(route)/signin/page.tsx +++ b/app/(route)/signin/page.tsx @@ -1,8 +1,6 @@ -import Login from "./_components/Login" +import Login from './_components/Login' function Signin() { - return ( - - ) + return } export default Signin diff --git a/app/(route)/verification/ibulsin/_components/PaginationBtn/index.module.css b/app/(route)/verification/ibulsin/_components/PaginationBtn/index.module.css index 6136b3f..1649000 100644 --- a/app/(route)/verification/ibulsin/_components/PaginationBtn/index.module.css +++ b/app/(route)/verification/ibulsin/_components/PaginationBtn/index.module.css @@ -3,12 +3,12 @@ justify-content: center; align-items: center; border-radius: 999px; - background-color: #B9CCFF; - color:#939BFF; - width:30px; - height:30px + background-color: #b9ccff; + color: #939bff; + width: 30px; + height: 30px; } .darken { - color: #6C76F4; - background-color: #FFFFFF; + color: #6c76f4; + background-color: #ffffff; } diff --git a/app/(route)/verification/ibulsin/_components/Step1/index.module.css b/app/(route)/verification/ibulsin/_components/Step1/index.module.css index 6ace6fe..31d78e2 100644 --- a/app/(route)/verification/ibulsin/_components/Step1/index.module.css +++ b/app/(route)/verification/ibulsin/_components/Step1/index.module.css @@ -4,7 +4,7 @@ justify-content: space-between; } .step_info { - color: #FFFFFF; + color: #ffffff; margin: 24px; margin-bottom: 32px; } @@ -17,7 +17,7 @@ font-size: 24px; } .survey_container { - background-color: #FFFFFF; + background-color: #ffffff; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 12px; @@ -27,7 +27,7 @@ } .input_container > .input_title { font-size: 16px; - padding:12px 0; + padding: 12px 0; } .input_container > .input_explain { font-size: 12px; @@ -48,7 +48,7 @@ } .next_btn { background-color: var(--purple-700); - color: #FFFFFF; + color: #ffffff; padding: 12px 20px; font-size: 14px; font-weight: bold; diff --git a/app/(route)/verification/ibulsin/_components/Textarea/index.module.css b/app/(route)/verification/ibulsin/_components/Textarea/index.module.css index 78d1625..2d194bd 100644 --- a/app/(route)/verification/ibulsin/_components/Textarea/index.module.css +++ b/app/(route)/verification/ibulsin/_components/Textarea/index.module.css @@ -11,7 +11,7 @@ .textarea_container > textarea { width: 100%; height: 80px; - border:none; + border: none; outline: none; resize: none; } From 3b838cb6df0e93571f204fa40867e00097581865 Mon Sep 17 00:00:00 2001 From: chaduhwan Date: Sat, 6 Apr 2024 20:28:35 +0900 Subject: [PATCH 3/3] =?UTF-8?q?[fix]any=ED=83=80=EC=9E=85=EC=A0=9C?= =?UTF-8?q?=EA=B1=B0=20=EB=B0=8F=20=EB=B9=8C=EB=93=9C=EC=98=A4=EB=A5=98=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/(route)/onboard/_components/WatchWord.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/(route)/onboard/_components/WatchWord.tsx b/app/(route)/onboard/_components/WatchWord.tsx index 9112310..2a71652 100644 --- a/app/(route)/onboard/_components/WatchWord.tsx +++ b/app/(route)/onboard/_components/WatchWord.tsx @@ -1,7 +1,7 @@ import { useEffect, useRef } from 'react' import styles from '../Onboard.module.css' -function WatchWord({ handleView }: { handleView: any }) { +function WatchWord({ handleView }: { handleView: (params: boolean) => void }) { const animationRef = useRef(null) useEffect(() => {