start, end 시간 설정중

src/client/src/quiz/NewQuiz.jsx

 import React, { useState } from "react";
-import {Link} from 'react-router-dom'
+import { Link } from "react-router-dom";
+import Container from "react-bootstrap/Container";
 import Button from "react-bootstrap/Button";
 import Form from "react-bootstrap/Form";
+import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
 import Modal from "react-bootstrap/Modal";
 import authHelpers from "../auth/auth-helpers";
@@ -10,32 +12,43 @@ import { create } from "./api-quiz";
 import Problem from "./Problem";
 
 function NewQuiz() {
-  const [title, setTitle] = useState('')
-  const [problems, setProblems] = useState([])
-  const [show, setShow] = useState(false)
-  const [quiz, setQuiz] = useState({})
+  const [title, setTitle] = useState("");
+  const [problems, setProblems] = useState([]);
+  const [show, setShow] = useState(false);
+  const [quiz, setQuiz] = useState({});
+  const [startAt, setStartAt] = useState()
+  const [endAt, setEndAt] = useState()
+  const [values, setValues] = useState({
+    title: '',
+    show: false,
+    startAt: '',
+    endAt: '',
+  })
 
   const jwt = authHelpers.isAuthenticated();
 
   const handleChange = (event) => {
-    const { name, value } = event.target
-    if (name === 'title') {
-      setTitle(value)      
+    const { name, value } = event.target;
+    console.log("name", name, "value", value);
+    console.log('values:', values);
+    setValues({...values, [name]: value})
+    if (name === "title") {
+      setTitle(value);
     }
-  }
+  };
 
   const addProblem = (problem) => {
-    console.log(problem)
-    setProblems([...problems, problem])
-  }
+    console.log(problem);
+    setProblems([...problems, problem]);
+  };
 
   const clickSubmit = (event) => {
     event.preventDefault();
 
     const quizData = {
       title,
-      problems
-    }
+      problems,
+    };
 
     create({ userId: jwt.user._id }, { t: jwt.token }, quizData).then(
       (data) => {
@@ -43,41 +56,66 @@ function NewQuiz() {
           console.log(data.error);
         } else {
           console.log(data);
-          setQuiz(data)
-          setShow(true)
+          setQuiz(data);
+          setShow(true);
         }
       }
     );
   };
 
   return (
-    <div>
-      <h1 className="text-center">
-        New Quiz
-      </h1>
-      <label htmlFor='title'>Title</label>
-      <input id='title' name='title' onChange={handleChange} placeholder='Title' />
-      {
-        problems.map((problem, index) => {
-          return <Problem key={index} problem={problem} number={index} />
-        })
-      }
-      <NewQuizProblem addProblem={addProblem} />
-      <Button onClick={clickSubmit}>퀴즈 저장</Button>
+    <Container>
+      <Form>
+        <h1 className="text-center">New Quiz</h1>
+        <Form.Group>
+          <Form.Label htmlFor="title">Title</Form.Label>
+          <Form.Control
+            id="title"
+            name="title"
+            onChange={handleChange}
+            placeholder="Title"
+          />
+        </Form.Group>
+        <Row className="justify-content-between">
+          <Form.Group>
+            <Form.Label>Start Time</Form.Label>
+            <Form.Control
+              type="datetime-local"
+              id="start-time"
+              name="startAt"
+              onChange={handleChange}
+            />
+          </Form.Group>
+          <Form.Group>
+            <Form.Label>End Time</Form.Label>
+            <Form.Control
+              type="datetime-local"
+              id="start-time"
+              name="endAt"
+              onChange={handleChange}
+            />
+          </Form.Group>
+        </Row>
+
+        {problems.map((problem, index) => {
+          return <Problem key={index} problem={problem} number={index} />;
+        })}
+        <NewQuizProblem addProblem={addProblem} />
+        <Button onClick={clickSubmit}>퀴즈 저장</Button>
+      </Form>
+
       <Modal show={show}>
         <Modal.Header>
           <Modal.Title>New Quiz</Modal.Title>
         </Modal.Header>
-        <Modal.Body>
-          New Quiz successfully created.
-        </Modal.Body>
+        <Modal.Body>New Quiz successfully created.</Modal.Body>
         <Modal.Footer>
           <Link to={`/quiz/${quiz._id}`}>
             <Button>Go to quiz</Button>
           </Link>
         </Modal.Footer>
       </Modal>
-    </div>
+    </Container>
   );
 }
 
@@ -115,41 +153,41 @@ function NewQuizProblem({ addProblem }) {
   };
 
   return (
-    <div>
-      <Form>
-        <Form.Group controlId="question">
-          <Form.Label>Question</Form.Label>
-          <Form.Control
-            name="question"
-            as="textarea"
-            rows={5}
-            onChange={handleQuestion}
-          />
-        </Form.Group>
-        <Form.Label>Answers</Form.Label>
-        {answers.map((answer, index) => {
-          return (
-            <Form.Row key={index}>
-              <Col>
-                <Form.Control
-                  type="text"
-                  value={answer}
-                  onChange={(event) => handleAnswer(event, index)}
-                />
-              </Col>
-              <Col>
-                {answers.length !== 1 && (
-                  <Button onClick={() => removeAnswer(index)}>Remove</Button>
-                )}
-                {answers.length - 1 === index && (
-                  <Button onClick={addAnswer}>Add</Button>
-                )}
-              </Col>
-            </Form.Row>
-          );
-        })}
-        <Button onClick={clickAdd}>문제 추가</Button>
-      </Form>
-    </div>
+    <>
+      {/* <Form> */}
+      <Form.Group controlId="question">
+        <Form.Label>Question</Form.Label>
+        <Form.Control
+          name="question"
+          as="textarea"
+          rows={5}
+          onChange={handleQuestion}
+        />
+      </Form.Group>
+      <Form.Label>Answers</Form.Label>
+      {answers.map((answer, index) => {
+        return (
+          <Form.Row key={index}>
+            <Col>
+              <Form.Control
+                type="text"
+                value={answer}
+                onChange={(event) => handleAnswer(event, index)}
+              />
+            </Col>
+            <Col>
+              {answers.length !== 1 && (
+                <Button onClick={() => removeAnswer(index)}>Remove</Button>
+              )}
+              {answers.length - 1 === index && (
+                <Button onClick={addAnswer}>Add</Button>
+              )}
+            </Col>
+          </Form.Row>
+        );
+      })}
+      <Button onClick={clickAdd}>문제 추가</Button>
+      {/* </Form> */}
+    </>
   );
 }

src/server/course/course.model.js

+import mongoose from 'mongoose'
+
+const CourseSchema = new mongoose.Schema({
+  name: String,
+  description: String,
+  image: {data: Buffer, contentType: String},
+  instructor: {
+    type: mongoose.SchemaTypes.ObjectId,
+    ref: 'User'
+  },
+  created: {
+    type: Date,
+    default: Date.now
+  },
+  updated: Date,
+})
+
+export default mongoose.model('Course', CourseSchema)
\ No newline at end of file

src/server/enrollment/enrollment.model.js

+import mongoose from 'mongoose'
+
+const EnrollmentSchema = new mongoose.Schema({
+  course: {
+    type: mongoose.SchemaTypes.ObjectId,
+    ref: 'Course'
+  },
+  student: {
+    type: mongoose.SchemaTypes.ObjectId,
+    ref: 'User'
+  },
+  created: {
+    type: Date,
+    default: Date.now
+  },
+  updated: Date,
+  completed: Boolean
+})
\ No newline at end of file

src/server/quiz/quiz.model.js

@@ -23,6 +23,10 @@ const QuizSchema = new mongoose.Schema({
   image: {
     type: Buffer,
     contentType: String,
+  },
+  course: {
+    type: mongoose.SchemaTypes.ObjectId,
+    ref: 'Course'
   }
 })