fix

Author: zzzRYT

.eslintrc.json

@@ -1,3 +1,7 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next",
+  "rules": {
+    "react/no-unescaped-entities": "off",
+    "@next/next/no-page-custom-font": "off"
+  }
 }

src/apis/search.ts

@@ -0,0 +1,21 @@
+import { AxiosResponse } from 'axios';
+import instance from './axiosInstance';
+
+const SEARCH = {
+  path: '/search',
+
+  //검색 페이지 불러오기 api [get]
+  async getSearchPageApi(words: string): Promise<any> {
+    const result: AxiosResponse = await instance.get(
+      `${SEARCH.path}/all/count`,
+      {
+        params: {
+          searchQuery: words,
+        },
+      },
+    );
+    return result.data;
+  },
+};
+
+export default SEARCH;

src/components/common/category/CategorySelector.tsx

@@ -33,8 +33,8 @@ const CategorySelector = () => {
         <SelectOptions show={`${isOpenModal}`}>
           {categoryList.map((list) => {
             return (
-              <div>
-                <Option key={list.id} onClick={handleOnChangeSelectValue}>
+              <div key={list.id}>
+                <Option onClick={handleOnChangeSelectValue}>
                   {list.category}
                 </Option>
               </div>

src/components/organisms/help-board/HelpBoardCardList.tsx

@@ -1,9 +1,13 @@
+import SEARCH from '@/apis/search';
 import HelpCard from '@/components/molecules/help-board-elements/HelpCard';
 import { useEffect, useState } from 'react';
 import styled from 'styled-components';
 
 const HelpBoardCardList = () => {
   //api요청
+  const getHelpListApi = async () => {
+    const response = await SEARCH.getSearchPageApi;
+  };
 
   return (
     <HelpCardWrapper>

src/components/templates/HelpTemplate.tsx

@@ -1,5 +1,5 @@
 import SubPageHeader from '@/components/common/header/SubPageHeader';
-import HelpBoardCardList from '../organisms/help-board/HelpBoardCard';
+import HelpBoardCardList from '../organisms/help-board/HelpBoardCardList';
 import Link from 'next/link';
 import Category from '../common/category/Category';