diff --git a/app/(route)/verification/ibulsin/_components/Step2/index.module.css b/app/(route)/verification/ibulsin/_components/Step2/index.module.css index e69de29..fdff868 100644 --- a/app/(route)/verification/ibulsin/_components/Step2/index.module.css +++ b/app/(route)/verification/ibulsin/_components/Step2/index.module.css @@ -0,0 +1,64 @@ +.main_container { + display: flex; + flex-direction: column; + justify-content: space-between; +} +.step_info { + color: #FFFFFF; + margin: 24px; + margin-bottom: 32px; +} +.step_info > h3 { + padding: 12px 0; + font-weight: 500; + font-size: 24px; +} +.step_info > p { + font-size: 24px; +} +.survey_container { + background-color: #FFFFFF; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 12px; +} +.input_container { + margin-bottom: 8px; +} +.input_title_container { + display: flex; + align-items: center; +} +.input_title_container > .input_title { + font-size: 16px; + padding:12px 0; + margin-right: 8px; +} +.input_container > .input_explain { + font-size: 12px; + margin-bottom: 8px; +} +.direction_btns { + display: flex; + align-items: center; + justify-content: center; +} +.direction_btns > a { + margin: 0 8px; +} +.prev_btn { + background-color: #FFFFFF; + padding: 12px 20px; + font-size: 14px; + font-weight: bold; + border: 1px solid #DCDCDC; + border-radius: 8px; +} +.next_btn { + background-color: var(--purple-700); + color: #FFFFFF; + padding: 12px 20px; + font-size: 14px; + font-weight: bold; + border-radius: 8px; +} diff --git a/app/(route)/verification/ibulsin/_components/Step2/index.tsx b/app/(route)/verification/ibulsin/_components/Step2/index.tsx index 6e941c4..c6b5f7a 100644 --- a/app/(route)/verification/ibulsin/_components/Step2/index.tsx +++ b/app/(route)/verification/ibulsin/_components/Step2/index.tsx @@ -2,9 +2,56 @@ import React from 'react' import S from './index.module.css' +import Link from 'next/link' +import Textarea from '../Textarea' +import MoreExplainBtn from '../MoreExplainBtn' function Step2() { - return
+ 시장호응가설과 XYZ가설을
+
+ 세워보아요.
+
+ 시장호응가설(Market Engagement Hypothesis)이란 시장이 우리의 + 아이디어를 어떻게 받아들일지에 대한 우리의 핵심 신념이나 가정을 + 얘기해요. +
+ ++ 적어도 X퍼센트의 Y는 Z 할 것이다 라는 형태의 가설이에요. 시장호응 + 가설을 바탕으로 숫자로 치환에 좀 더 치밀하게 하는 도구예요 +
+ +