diff --git a/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.module.css b/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.module.css new file mode 100644 index 0000000..949cfe6 --- /dev/null +++ b/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.module.css @@ -0,0 +1,15 @@ +.toggle_container { + position:absolute; + width: 240px; + top: 20px; + left:10px; + background-color: white; + z-index: 999; + border: 1px solid #c9c9c9; + border-radius: 4px; + padding: 8px; +} +.toggle_container > p { + font-size: 10px; + width: 100%; +} diff --git a/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.tsx b/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.tsx new file mode 100644 index 0000000..d6347c6 --- /dev/null +++ b/app/(route)/verification/ibulsin/_components/MoreExplainToggle/index.tsx @@ -0,0 +1,41 @@ +import React from 'react' +import S from './index.module.css' + +interface MoreExplainToggleProps { + type: string +} + +function MoreExplainToggle({ type }: MoreExplainToggleProps) { + return ( +
+ {type === 'marketResponse' && ( +

+ 아이디어: 넷플릭스(초기 DVD 기반 모델) +
+
+ 시장호응가설: 우편 배송 기반의 DVD 대여 서비스를 월정액 요금제, 반납 + 지연 과태료 무료 정책과 결합하여 많은 사람들이 비디오 가게를 이용하는 + 대신 우리 서비스에 가입할 것이다. +
+
+ 이와같이 시장이 우리의 제품이나 서비스를 어떻게 받아들이지에 대해 + 정확한 정의를 내리고, 해당 시장 수요가 존재한다는 증거를 찾아내는 것이 + 시장호응가설이 해야 할 일이에요. +

+ )} + {type === 'XYZ' && ( +

+ X는 표적시장의 몇 퍼센트를 차지할 수 있을지, Y는 어떤 표적시장에 대한, + Z는 표적 시장이 제품에 대해 어떤 방식으로 어느 범위까지 호응 할 까를 + 의미해요 +
+
+ 예제: 적어도 10%의 대기질 지수가 100 이상인 도시에 사는 사람들은 + 120달러 짜리 휴대용 오염 탐지기를 구매할 것이다. +

+ )} +
+ ) +} + +export default MoreExplainToggle