refactor: 💡 키워드와 관련된 매직 넘버 상수화 및 파일 분리

frontend/src/constants/keywords.ts

@@ -0,0 +1,2 @@
+export const MAX_KEYWORDS_NUM = 50;
+export const KEYWORDS_PROCESS_INTERVAL = 300;

frontend/src/pages/room/KeywordsView.tsx

@@ -8,6 +8,7 @@ import { useSocketStore } from '@/stores';
 import { useKeywordsStore } from '@/stores/keywords';
 import { keywordStyleMap, scaleIn, Variables } from '@/styles';
 import { Group, Keyword, KeywordInfo, KeywordsCoordinates, PrefixSum } from '@/types';
+import { KEYWORDS_PROCESS_INTERVAL } from '@/constants/keywords';
 
 interface KeywordsViewProps {
   questionId: number;
@@ -66,7 +67,7 @@ const KeywordsView = memo(({ questionId, selectedKeywords, updateSelectedKeyword
           updateTimeout = setTimeout(() => {
             processQueue();
             updateTimeout = undefined;
-          }, 1500);
+          }, KEYWORDS_PROCESS_INTERVAL);
         }
       });
     }

frontend/src/stores/keywords.ts

@@ -1,8 +1,7 @@
 import { create } from 'zustand';
 
 import { Keyword, KeywordInfo, Keywords, PrefixSumMap, CommonResult } from '@/types';
-
-const MAX_KEYWORDS_NUM = 30;
+import { MAX_KEYWORDS_NUM } from '@/constants/keywords';
 
 interface KeywordsStore {
   keywords: Keywords;