From 222c373730f44e21830b86caade3841e743fe5f2 Mon Sep 17 00:00:00 2001
From: seongwon seo <seongwon0903@gmail.com>
Date: Tue, 9 Dec 2025 00:48:59 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20useIsMobile=20=ED=9B=85=EC=9D=84=20?=
 =?UTF-8?q?useDevice=EB=A1=9C=20=ED=86=B5=ED=95=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- useIsMobile 훅 삭제 (useDevice와 중복)
- 동일한 브레이크포인트(500px) 사용으로 기능 동일
---
 .../QuestionTitle/QuestionTitle.tsx            |  6 +++---
 frontend/src/hooks/useIsMobile.ts              | 18 ------------------
 2 files changed, 3 insertions(+), 21 deletions(-)
 delete mode 100644 frontend/src/hooks/useIsMobile.ts

diff --git a/frontend/src/components/application/QuestionTitle/QuestionTitle.tsx b/frontend/src/components/application/QuestionTitle/QuestionTitle.tsx
index 726bd2131..4df9e0d6c 100644
--- a/frontend/src/components/application/QuestionTitle/QuestionTitle.tsx
+++ b/frontend/src/components/application/QuestionTitle/QuestionTitle.tsx
@@ -1,7 +1,7 @@
 import * as Styled from './QuestionTitle.styles';
 import { APPLICATION_FORM } from '@/constants/APPLICATION_FORM';
-import useIsMobile from '@/hooks/useIsMobile';
-import { useEffect, useLayoutEffect, useRef } from 'react';
+import useDevice from '@/hooks/useDevice';
+import { useLayoutEffect, useRef } from 'react';
 
 interface QuestionTitleProps {
   id: number;
@@ -18,7 +18,7 @@ const QuestionTitle = ({
   mode,
   onTitleChange,
 }: QuestionTitleProps) => {
-  const isMobile = useIsMobile();
+  const { isMobile } = useDevice();
   const textAreaRef = useRef<HTMLTextAreaElement>(null);
 
   useLayoutEffect(() => {
diff --git a/frontend/src/hooks/useIsMobile.ts b/frontend/src/hooks/useIsMobile.ts
deleted file mode 100644
index a5ff666bb..000000000
--- a/frontend/src/hooks/useIsMobile.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { useEffect, useState } from 'react';
-
-const useIsMobile = () => {
-  const [isMobile, setIsMobile] = useState(window.innerWidth <= 500);
-
-  useEffect(() => {
-    const handleResize = () => {
-      setIsMobile(window.innerWidth <= 500);
-    };
-
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  return isMobile;
-};
-
-export default useIsMobile;