diff --git a/frontend/components/application/applicationLayout/RadioForCheck.component.tsx b/frontend/components/application/applicationLayout/RadioForCheck.component.tsx
index 8f7c410e..f7944ff8 100644
--- a/frontend/components/application/applicationLayout/RadioForCheck.component.tsx
+++ b/frontend/components/application/applicationLayout/RadioForCheck.component.tsx
@@ -3,9 +3,10 @@ import type {
   ApplicationQuestion,
   ApplicationRadioForCheck,
 } from "@/src/constants/application/type";
-import { useLocalStorage } from "@/src/hooks/useLocalstorage.hook";
 import { cn } from "@/src/utils/cn";
 import Link from "next/link";
+import { ChangeEvent } from "react";
+import { useLocalStorage } from "@uidotdev/usehooks";
 
 interface RadioCellProps {
   applicationQuestion: ApplicationQuestion;
@@ -20,6 +21,11 @@ const RadioCell = ({
     radioForCheckData.name,
     "동의하지 않습니다."
   );
+
+  const onSelectRadio = (e: ChangeEvent<HTMLInputElement>) => {
+    setRadio(e.target.value);
+  };
+
   return (
     <div className="flex-1">
       <Link
@@ -46,9 +52,7 @@ const RadioCell = ({
         id={radioForCheckData.name + radioForCheckData.value[0]}
         checked={radio === radioForCheckData.value[0]}
         value={radioForCheckData.value[0]}
-        onChange={(e) => {
-          setRadio(e.target.value);
-        }}
+        onChange={onSelectRadio}
       />
       <label
         className="mr-4"
@@ -63,9 +67,7 @@ const RadioCell = ({
         id={radioForCheckData.name + radioForCheckData.value[1]}
         checked={radio === radioForCheckData.value[1]}
         value={radioForCheckData.value[1]}
-        onChange={(e) => {
-          setRadio(e.target.value);
-        }}
+        onChange={onSelectRadio}
       />
       <label
         className="mr-4"
diff --git a/frontend/package.json b/frontend/package.json
index 38fe93e7..b58d1fc4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -22,6 +22,7 @@
     "@types/react-modal": "^3.16.0",
     "@typescript-eslint/eslint-plugin": "^6.3.0",
     "@typescript-eslint/parser": "^6.3.0",
+    "@uidotdev/usehooks": "^2.4.1",
     "autoprefixer": "10.4.14",
     "axios": "^1.4.0",
     "clsx": "^2.1.0",
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index 30512491..d6e5f8a1 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -44,6 +44,9 @@ dependencies:
   '@typescript-eslint/parser':
     specifier: ^6.3.0
     version: 6.3.0(eslint@8.47.0)(typescript@5.1.6)
+  '@uidotdev/usehooks':
+    specifier: ^2.4.1
+    version: 2.4.1(react-dom@18.2.0)(react@18.2.0)
   autoprefixer:
     specifier: 10.4.14
     version: 10.4.14(postcss@8.4.27)
@@ -779,6 +782,17 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: false
 
+  /@uidotdev/usehooks@2.4.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-1I+RwWyS+kdv3Mv0Vmc+p0dPYH0DTRAo04HLyXReYBL9AeseDWUJyi4THuksBJcu9F0Pih69Ak150VDnqbVnXg==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      react: '>=18.0.0'
+      react-dom: '>=18.0.0'
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
     requiresBuild: true
@@ -2181,6 +2195,7 @@ packages:
 
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    requiresBuild: true
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6