refactor: scroll.ts 유틸함수 > refObject.ts 로 이동

[#281]
boostcampwm2023 · Dec 13, 2023 · 6e7165d · 6e7165d
1 parent 79dbec2
commit 6e7165d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 13 deletions.
diff --git a/packages/frontend/src/pages/quizzes/[id].page.tsx b/packages/frontend/src/pages/quizzes/[id].page.tsx
@@ -21,8 +21,7 @@ import {
 } from "../../reducers/terminalReducer";
 import { Categories, Quiz, QuizGitGraphCommit } from "../../types/quiz";
 import { TerminalContentType } from "../../types/terminalType";
-import { focusRef } from "../../utils/refObject";
-import { scrollIntoView } from "../../utils/scroll";
+import { focusRef, scrollIntoViewRef } from "../../utils/refObject";
 import { isString } from "../../utils/typeGuard";
 
 import * as styles from "./quiz.css";
@@ -132,7 +131,7 @@ export default function QuizPage({ quiz }: { quiz: Quiz }) {
   }, [id]);
 
   useEffect(() => {
-    scrollIntoView(terminalInputRef);
+    scrollIntoViewRef(terminalInputRef);
     clearTextContent(terminalInputRef);
     focusRef(terminalInputRef);
   }, [contentArray]);

diff --git a/packages/frontend/src/utils/refObject.ts b/packages/frontend/src/utils/refObject.ts
@@ -3,3 +3,7 @@ import { RefObject } from "react";
 export function focusRef<T extends HTMLOrSVGElement>(ref: RefObject<T>) {
   ref.current?.focus();
 }
+
+export function scrollIntoViewRef<T extends Element>(ref: RefObject<T>) {
+  ref.current?.scrollIntoView();
+}
diff --git a/packages/frontend/src/utils/scroll.ts b/packages/frontend/src/utils/scroll.ts