Merge pull request #46 from Kusitms-28th-Kobaco-B/feat/#40

[feat] 데이터 연결 및 오류 수정

.gitignore

@@ -34,3 +34,4 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+.env

package.json

@@ -13,16 +13,19 @@
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.38",
     "@next/font": "^14.1.0",
+    "@types/qs": "^6.9.12",
     "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^7.1.0",
     "@typescript-eslint/parser": "^7.1.0",
     "apexcharts": "^3.46.0",
+    "axios": "^1.6.7",
     "chart.js": "^4.4.2",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-config-prettier": "^9.1.0",
     "framer-motion": "^11.0.8",
     "next": "14.1.0",
+    "qs": "^6.12.0",
     "react": "^18",
     "react-apexcharts": "^1.4.1",
     "react-chartjs-2": "^5.2.0",

src/apis/adCopy.tsx

@@ -0,0 +1,12 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  if (req.method === "POST") {
+    res.status(200).json({ message: "Copy created successfully" });
+  } else {
+    res.status(405).json({ message: "Method Not Allowed" });
+  }
+}

src/apis/axios.ts

@@ -0,0 +1,9 @@
+import axios from "axios";
+import { parse, stringify } from "qs";
+
+export const kobacoAxios = axios.create({
+  baseURL: process.env.NEXT_PUBLIC_API_URL,
+  paramsSerializer: (params) => {
+    return stringify(params, { arrayFormat: "brackets" });
+  },
+});

src/components/adCopy/AdCopySearch.tsx

@@ -16,7 +16,7 @@ const AdCopySearch = (props: AdCopySearchProps) => {
   const { setSearchName } = props;
 
   const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
-    if (event.key === "Enter") {
+    if (event.key === "Enter" && event.nativeEvent.isComposing === false) {
       setSearchName(name);
       setName("");
     }