feat: 네이버 api 적용

CarrotAuction · Apr 20, 2024 · efd403e · efd403e
1 parent f4188b1
commit efd403e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/app/api/costComparison/route.ts b/src/app/api/costComparison/route.ts
@@ -6,7 +6,7 @@ export async function GET({ nextUrl }: NextRequest) {
   const query = searchParams.get('searchData');
   try {
     const response = await axios.get(
-      `https://openapi.naver.com/v1/search/shop.json?query=${query}
+      `https://openapi.naver.com/v1/search/shop.json?query=${query}&display=30
       `,
       {
         headers: {

diff --git a/src/hooks/useInput.tsx b/src/hooks/useInput.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { debounce } from 'lodash';
 import React, { useState } from 'react';
 
 type ReturnType = [
@@ -11,8 +12,13 @@ type ReturnType = [
 const useInput = (): ReturnType => {
   const [value, setValue] = useState('');
 
+  const debouncedSetValue = debounce((inputValue) => {
+    setValue(inputValue);
+  }, 500);
+
   const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setValue(e.target.value);
+    const inputValue = e.target.value;
+    debouncedSetValue(inputValue);
   };
   const reset = () => {
     setValue('');
@@ -22,3 +28,9 @@ const useInput = (): ReturnType => {
 };
 
 export default useInput;
+
+/**
+ *   const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setValue(e.target.value);
+  };
+ */