quiz기능 완성

src/pages/quiz/Quiz.tsx

@@ -13,7 +13,7 @@ import ResultModal from '../../features/quiz/ui/ResultModal';
 import getParams from '../../utils/getParams';
 import TotalResults from '../../features/quiz/ui/TotalResults';
 import { useState } from 'react';
-import isArrayContentEqual from '../../utils/arraysEqual';
+import isEqualArray from '../../utils/isEqualArray';
 import { ResponseButton, SubmitSection } from '../../features/quiz/styles';
 import QuizzesQuery from '../../queries/quizzesQuery';
 import useMoadl from '../../hooks/useModal';
@@ -82,7 +82,7 @@ export default function Quiz() {
             <ResponseButton
               disabled={userResponseAnswer[0] === ''}
               onClick={() => {
-                setResult(isArrayContentEqual(userResponseAnswer, answer));
+                setResult(isEqualArray(userResponseAnswer, answer));
                 openModal();
               }}
             >

src/utils/arraysEqual.ts → src/utils/isEqualArray.ts

@@ -7,10 +7,13 @@
  *
  * @returns boolean값
  *
- * @example isArrayContentEqual([1,2,3,4,5],['a',2,3,1]);
+ * @example isEqualArray([1,2,3,4,5],['a',2,3,1]);
  * //false
  */
-const isArrayContentEqual = (array1: any[], array2: any[]): boolean => {
+const isEqualArray = <T>(
+  array1: T[] | readonly T[],
+  array2: T[] | readonly T[]
+): boolean => {
   if (array1.length !== array2.length) return false;
   for (let i = 0; i < array1.length; i++) {
     if (array1[i] !== array2[i]) {
@@ -19,4 +22,4 @@ const isArrayContentEqual = (array1: any[], array2: any[]): boolean => {
   }
   return true;
 };
-export default isArrayContentEqual;
+export default isEqualArray;