진행 방법 추가

Author: 4roring

src/modules/Bingo/BingoPresenter.tsx

@@ -8,6 +8,7 @@ import {
   Button,
   FormControl,
   Typography,
+  Box,
 } from "@mui/material";
 import { styled } from "@mui/system";
 import LongTextBox from "./components/LongTextBox.tsx";
@@ -177,11 +178,28 @@ const BingoPresenter = (props: BingoPresenterProps) => {
       ) : (
         <Wrapper>
           <MyInfo>My Id: {props.myID}</MyInfo>
-          <Typography>자기가 하고 있는 일 소개</Typography>
-          <Typography>올해 이룬 것, 내년 목표</Typography>
-          <Typography>최근 관심사(일, 취미 등)</Typography>
-          <Typography>좋아하는 음식</Typography>
-          <Typography>최근에 듣는 노동요</Typography>
+          <Box
+            sx={{
+              display: "flex",
+              alignItems: "center",
+              padding: "8px",
+              borderRadius: "8px",
+              backgroundColor: "white",
+              boxShadow: "0 4px 4px rgba(0, 0, 0, 0.3)",
+              gap: "12px",
+            }}
+          >
+            행사장 내 부스 방문 숨겨진 보물 QR 찍기 사람과 네트워킹 후 빙고 교환
+            빙고판을 다 채우면 미션2 클리어!
+          </Box>
+          <pre>
+            <Typography>자기가 하고 있는 일 소개</Typography>
+            <Typography>올해 이룬 것, 내년 목표</Typography>
+            <Typography>최근 관심사(일, 취미 등)</Typography>
+            <Typography>좋아하는 음식</Typography>
+            <Typography>최근에 듣는 노동요</Typography>
+          </pre>
+
           {/* {props.userSelectedWords.map((word) => (
             <LongTextBox key={word} text={word} />
           ))} */}