dnd-side-project · seoyoung81 · Mar 17, 2024 · Mar 14, 2024 · Mar 14, 2024 · Mar 14, 2024
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,3 +1,31 @@
 {
-  "extends": "next/core-web-vitals"
-}
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "prettier"],
+  "parserOptions": {
+    "project": "./tsconfig.json",
+    "createDefaultProgram": true
+  },
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true
+  },
+  "ignorePatterns": ["node_modules/"],
+  "extends": [
+    "airbnb",
+    "airbnb-typescript",
+    "airbnb/hooks",
+    "next/core-web-vitals",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended",
+    "prettier"
+  ],
+  "rules": {
+    "react/react-in-jsx-scope": "off",
+    "react/jsx-props-no-spreading": 0,
+    "@typescript-eslint/semi": "off",
+    "react/jsx-filename-extension": ["warn", { "extensions": [".ts", ".tsx"] }],
+    "no-useless-catch": "off"
+  }
+}
diff --git a/next.config.mjs b/next.config.mjs
@@ -1,5 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  reactStrictMode: true,
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
   // 외부 이미지 불러오기
   images: {
     remotePatterns: [

diff --git a/package.json b/package.json
@@ -37,13 +37,19 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
     "autoprefixer": "^10.0.1",
     "commitizen": "^4.3.0",
     "cz-customizable": "^7.0.0",
     "eslint": "^8",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-config-next": "14.1.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
     "postcss": "^8",
-    "prettier": "^3.2.4",
+    "prettier": "^3.2.5",
     "tailwindcss": "^3.3.0",
     "typescript": "^5"
   },

diff --git a/public/fonts/Pretendard-Medium.woff b/public/fonts/Pretendard-Medium.woff
diff --git a/public/fonts/Pretendard-SemiBold.woff b/public/fonts/Pretendard-SemiBold.woff
diff --git a/react-ts-slick/package.json b/react-ts-slick/package.json
diff --git a/settings.json b/settings.json
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -6,10 +6,6 @@
 html,
 body,
 .MuiTypography-root,
-.MuiTab-root {
-  font-family: "Pretendard";
-  font-weight: 700;
-}
 
 .MuiTab-indicator {
   background-color: purple-main1;

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,11 +1,12 @@
 import type { Metadata } from "next";
 import "./globals.css";
-import RecoilRootWrapper from "./RecoilRootWrapper";
+import pretendard from "@component/util/fonts";
 import { ThemeProvider } from "@mui/material";
 import { theme } from "@component/components/common-components/mui/theme";
 import Providers from "@component/context/provider";
 import { Header } from "@component/components/common-components/common/Header";
 import Footer from "@component/components/common-components/common/Footer";
+import RecoilRootWrapper from "./RecoilRootWrapper";
 
 export const metadata: Metadata = {
   title: "sendback",
@@ -19,7 +20,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" className={`${pretendard.variable} font-pretendard`}>
       <RecoilRootWrapper>
         <ThemeProvider theme={theme}>
           <body>

diff --git a/src/util/fonts.ts b/src/util/fonts.ts
@@ -0,0 +1,23 @@
+import localFont from "next/font/local";
+
+export const MediumPretendard = localFont({
+  src: [
+    {
+      path: "../../public/fonts/Pretendard-Medium.woff",
+      weight: "400",
+    },
+  ],
+  variable: "--font-medium-pretendard",
+});
+
+const pretendard = localFont({
+  src: [
+    {
+      path: "../../public/fonts/Pretendard-SemiBold.woff",
+      weight: "700",
+    },
+  ],
+  variable: "--font-pretendard",
+});
+
+export default pretendard;
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -50,6 +50,10 @@ const config: Config = {
         caption2: "11px",
         caption3: "10px",
       },
+      fontFamily: {
+        pretendard: ["var(--font-pretendard)"],
+        medium: ["var(--font-medium-pretendard)"],
+      },
     },
   },
   plugins: [],

diff --git a/tsconfig.json b/tsconfig.json
@@ -7,7 +7,7 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "Bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",