[✍️ DevLog] 은유 / 2021-12-01

### 오늘은 어떻게 프로젝트에 기여했나요?
* MakeQuiz 페이지 구현
* EditQzui 페이지 구현
* InputQuiz 컴포넌트 기능 구현 - 글자 수 제한
* QuizForm 컴포넌트 기능 구현 - 정답 입력시 로컬스토리지에 저장

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
* 로컬스토리지에 저장하고, 로컬스토리지에 저장한 값이 input 태그 value 값으로 들어감

```js
// SolveQuiz.js - QuizForm으로부터 올라온 saveAnswer(text)을 리듀서로 디스패치함 -> 상태 변화
const saveLocal = (text) => dispatch(saveAnswer(text));

// QuizForm.js - redux-persist로 저장한 상태 text를 상태 초기값으로 할당
const { text } = useSelector((state) => state.answer);
const [result, setResult] = useState(text);

const handleAnswer = (e) => {
setResult(e.target.value);
};

const timeWait = useRef();
useEffect(() => {
clearTimeout(timeWait.current);
timeWait.current = setTimeout(() => {
saveLocal(result);
}, 2000);
}, [result]);

```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
* [ ] QuizForm 리팩토링
* [ ] 각 페이지 라우터 걸기