diff --git a/src/Admin.js b/src/Admin.js index d2ea674e0c1b59998b004368b5a5ced470541c87..3c7829c12451aba99ca5aa4fdf845887a46b1ac8 100644 --- a/src/Admin.js +++ b/src/Admin.js @@ -1,7 +1,9 @@ import React, { useState } from 'react'; - // import { Link } from 'react-router-dom'; + +let list = [] + function Admin() { @@ -18,7 +20,7 @@ function Admin() { const [adminpassword, setAdminPassword] = useState('') const [time, setTime] = useState('') const [addQuiz, setaddQuiz] = useState('') - const [selectOption, setselectOption] = useState('') + const [selectOption, setselectOption] = useState(1) const [done, setDone] = useState(false) @@ -26,7 +28,7 @@ function Admin() { const handleChangeQuestion = (event) => { setQuestion(event.target.value) } - const handleChangechoose = (event) => { + const handleChangeChoose = (event) => { setChoose(event.target.value) } const handleChangeanswer = (event) => { @@ -58,22 +60,23 @@ function Admin() { function addSelectOption() { - let list = function () { - return
+ list.push( +
- +
- +
- } - setselectOption(list) + ) + setselectOption(selectOption + 1) } function handleClickQuiz() { let addQuiz = function () { - return Quiz + return + Quiz4 } setaddQuiz(addQuiz) } @@ -81,217 +84,87 @@ function Admin() { return ( <> {done ? alert('모두 입력되었습니다.') : ''} -
-
-
- -

관리자 페이지

- +
+
+
+ +

관리자 페이지

-

관리자 설정 변경하기

- - Setting +
+

관리자 설정 변경

-

Quiz 입력하기

+ Setting - Quiz1 - Quiz2 - Quiz3 +

Quiz 입력하기

+ {addQuiz} - - - - -
-
-
-
-
-
-
-
-
- -

관리자 설정 변경 창

-
-

변경할 비밀번호를 입력하세요

- - -
-
-

변경할 관리자 비밀번호를 입력하세요

- - -
-
-

타이머를 설정하세요(초단위)

- + -
- - - - -
-
-
- -
-
- -
+
+
+
+
+

관리자 설정 변경 창

+
+

변경할 비밀번호를 입력하세요

+ -

문제만들기

- -
-
- 1. - {/* */} - - -
- -
-
-
-
- -
-
- -
- {selectOption} - - - -
- -
- 정답: - -
- - +
+
+

변경할 관리자 비밀번호를 입력하세요

+
-
-
+
+

타이머를 설정하세요(초단위)

+ -
-
-
-
- -
- +
- {selectOption} - - -
-
+
-
-
- -

문제만들기

- -
-
- 1. - {/* */} - - -
- -
-
-
-
- -
-
- -
- -
- {selectOption} - - - -
- -
- 정답: - -
- - - -
-
-
-
-
-
-
-
-
-
-

문제만들기

-
1. {/* */} - - +
-
-
- +
+
- +
- + {list.map((element)=>element)} +
- {selectOption} - - -
+
+ 정답: + +
-
- 정답: - +
- - -
@@ -299,6 +172,7 @@ function Admin() {
+ ) }