chore(*): 린트 설정을 진행합니다. (#31)

Setaday · Sep 27, 2024 · 69de900 · 69de900
1 parent 5a7c188
commit 69de900
Show file tree

Hide file tree

Showing 31 changed files with 678 additions and 944 deletions.
diff --git a/.changeset/famous-actors-chew.md b/.changeset/famous-actors-chew.md
@@ -0,0 +1,7 @@
+---
+"desktop": patch
+"mobile": patch
+"@setaday/ui": patch
+---
+
+Update Dependencies
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,10 @@
+public
+dist
+pnpm-lock.yaml
+pnpm-workspace.yaml
+
+# ignore config files
+.eslint.config.js
+commitlint.config.js
+tailwind.config.ts
+postcss.config.js
diff --git a/.prettierrc.mjs b/.prettierrc.mjs
@@ -0,0 +1,13 @@
+export default {
+  arrowParens: "always",
+  singleQuote: false,
+  bracketSpacing: true,
+  trailingComma: "all",
+  semi: true,
+  printWidth: 120,
+  tabWidth: 2,
+  plugins: [
+    "@trivago/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss",
+  ],
+};
diff --git a/apps/desktop/.eslintrc.cjs b/apps/desktop/.eslintrc.cjs
@@ -0,0 +1,4 @@
+module.exports = {
+  extends: ["../../eslint.config.js", "next/core-web-vitals"],
+  ignorePatterns: ["dist"],
+};
diff --git a/apps/desktop/.eslintrc.js b/apps/desktop/.eslintrc.js
diff --git a/apps/desktop/app/layout.tsx b/apps/desktop/app/layout.tsx
@@ -1,6 +1,6 @@
+import "./globals.css";
 import type { Metadata } from "next";
 import localFont from "next/font/local";
-import "./globals.css";
 
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
@@ -23,9 +23,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={`${geistSans.variable} ${geistMono.variable}`}>
-        {children}
-      </body>
+      <body className={`${geistSans.variable} ${geistMono.variable}`}>{children}</body>
     </html>
   );
 }
diff --git a/apps/desktop/app/page.tsx b/apps/desktop/app/page.tsx
@@ -1,19 +1,12 @@
-import Image from "next/image";
 import "../styles/globals.css";
 import styles from "./page.module.css";
+import Image from "next/image";
 
 export default function Home() {
   return (
     <div className={styles.page}>
       <main className={styles.main}>
-        <Image
-          className={styles.logo}
-          src="/next.svg"
-          alt="Next.js logo"
-          width={180}
-          height={38}
-          priority
-        />
+        <Image className={styles.logo} src="/next.svg" alt="Next.js logo" width={180} height={38} priority />
         <ol>
           <li>
             Get started by editing <code>app/page.tsx</code>
@@ -28,13 +21,7 @@ export default function Home() {
             target="_blank"
             rel="noopener noreferrer"
           >
-            <Image
-              className={styles.logo}
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={20}
-              height={20}
-            />
+            <Image className={styles.logo} src="/vercel.svg" alt="Vercel logomark" width={20} height={20} />
             Deploy now
           </a>
           <a
@@ -53,41 +40,23 @@ export default function Home() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          <Image
-            aria-hidden
-            src="/file-text.svg"
-            alt="File icon"
-            width={16}
-            height={16}
-          />
+          <Image aria-hidden src="/file-text.svg" alt="File icon" width={16} height={16} />
           Learn
         </a>
         <a
           href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <Image
-            aria-hidden
-            src="/window.svg"
-            alt="Window icon"
-            width={16}
-            height={16}
-          />
+          <Image aria-hidden src="/window.svg" alt="Window icon" width={16} height={16} />
           Examples
         </a>
         <a
           href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <Image
-            aria-hidden
-            src="/globe.svg"
-            alt="Globe icon"
-            width={16}
-            height={16}
-          />
+          <Image aria-hidden src="/globe.svg" alt="Globe icon" width={16} height={16} />
           Go to nextjs.org →
         </a>
       </footer>

diff --git a/apps/desktop/package.json b/apps/desktop/package.json
@@ -11,18 +11,19 @@
   },
   "dependencies": {
     "@setaday/ui": "workspace:*",
+    "next": "15.0.0-rc.0",
     "react": "19.0.0-rc-f994737d14-20240522",
-    "react-dom": "19.0.0-rc-f994737d14-20240522",
-    "next": "15.0.0-rc.0"
+    "react-dom": "19.0.0-rc-f994737d14-20240522"
   },
   "devDependencies": {
-    "@repo/eslint-config": "workspace:*",
-    "@repo/typescript-config": "workspace:*",
-    "typescript": "^5",
+    "@setaday/eslint-config": "workspace:*",
+    "@setaday/typescript-config": "workspace:*",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "15.0.0-rc.0"
+    "eslint-config-next": "15.0.0-rc.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "typescript": "^5"
   }
 }
diff --git a/apps/desktop/tsconfig.json b/apps/desktop/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "@repo/typescript-config/nextjs.json",
+  "extends": "@setaday/typescript-config/nextjs.json",
   "compilerOptions": {
     "plugins": [
       {

diff --git a/apps/mobile/.eslintrc.cjs b/apps/mobile/.eslintrc.cjs
@@ -0,0 +1,4 @@
+module.exports = {
+  extends: ["../../eslint.config.js", "next/core-web-vitals"],
+  ignorePatterns: ["dist"],
+};
diff --git a/apps/mobile/.eslintrc.js b/apps/mobile/.eslintrc.js
diff --git a/apps/mobile/app/layout.tsx b/apps/mobile/app/layout.tsx
@@ -1,6 +1,6 @@
+import "./globals.css";
 import type { Metadata } from "next";
 import localFont from "next/font/local";
-import "./globals.css";
 
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
@@ -23,9 +23,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={`${geistSans.variable} ${geistMono.variable}`}>
-        {children}
-      </body>
+      <body className={`${geistSans.variable} ${geistMono.variable}`}>{children}</body>
     </html>
   );
 }
diff --git a/apps/mobile/app/page.tsx b/apps/mobile/app/page.tsx
@@ -1,19 +1,12 @@
-import Image from "next/image";
 import "../styles/globals.css";
 import styles from "./page.module.css";
+import Image from "next/image";
 
 export default function Home() {
   return (
     <div className={styles.page}>
       <main className={styles.main}>
-        <Image
-          className={styles.logo}
-          src="/next.svg"
-          alt="Next.js logo"
-          width={180}
-          height={38}
-          priority
-        />
+        <Image className={styles.logo} src="/next.svg" alt="Next.js logo" width={180} height={38} priority />
         <ol>
           <li>
             Get started by editing <code>app/page.tsx</code>
@@ -28,13 +21,7 @@ export default function Home() {
             target="_blank"
             rel="noopener noreferrer"
           >
-            <Image
-              className={styles.logo}
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={20}
-              height={20}
-            />
+            <Image className={styles.logo} src="/vercel.svg" alt="Vercel logomark" width={20} height={20} />
             Deploy now
           </a>
           <a
@@ -53,41 +40,23 @@ export default function Home() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          <Image
-            aria-hidden
-            src="/file-text.svg"
-            alt="File icon"
-            width={16}
-            height={16}
-          />
+          <Image aria-hidden src="/file-text.svg" alt="File icon" width={16} height={16} />
           Learn
         </a>
         <a
           href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <Image
-            aria-hidden
-            src="/window.svg"
-            alt="Window icon"
-            width={16}
-            height={16}
-          />
+          <Image aria-hidden src="/window.svg" alt="Window icon" width={16} height={16} />
           Examples
         </a>
         <a
           href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
           target="_blank"
           rel="noopener noreferrer"
         >
-          <Image
-            aria-hidden
-            src="/globe.svg"
-            alt="Globe icon"
-            width={16}
-            height={16}
-          />
+          <Image aria-hidden src="/globe.svg" alt="Globe icon" width={16} height={16} />
           Go to nextjs.org →
         </a>
       </footer>

diff --git a/apps/mobile/package.json b/apps/mobile/package.json
@@ -11,18 +11,19 @@
   },
   "dependencies": {
     "@setaday/ui": "workspace:*",
+    "next": "15.0.0-rc.0",
     "react": "19.0.0-rc-f994737d14-20240522",
-    "react-dom": "19.0.0-rc-f994737d14-20240522",
-    "next": "15.0.0-rc.0"
+    "react-dom": "19.0.0-rc-f994737d14-20240522"
   },
   "devDependencies": {
-    "@repo/eslint-config": "workspace:*",
-    "@repo/typescript-config": "workspace:*",
-    "typescript": "^5",
+    "@setaday/eslint-config": "workspace:*",
+    "@setaday/typescript-config": "workspace:*",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "15.0.0-rc.0"
+    "eslint-config-next": "15.0.0-rc.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "typescript": "^5"
   }
 }
diff --git a/apps/mobile/tsconfig.json b/apps/mobile/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "@repo/typescript-config/nextjs.json",
+  "extends": "@setaday/typescript-config/nextjs.json",
   "compilerOptions": {
     "plugins": [
       {

diff --git a/packages/eslint-config/README.md → configs/eslint-config/README.md b/packages/eslint-config/README.md → configs/eslint-config/README.md
diff --git a/packages/eslint-config/library.js → configs/eslint-config/library.js b/packages/eslint-config/library.js → configs/eslint-config/library.js
diff --git a/packages/eslint-config/next.js → configs/eslint-config/next.js b/packages/eslint-config/next.js → configs/eslint-config/next.js
diff --git a/packages/eslint-config/package.json → configs/eslint-config/package.json b/packages/eslint-config/package.json → configs/eslint-config/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@repo/eslint-config",
+  "name": "@setaday/eslint-config",
   "version": "0.0.0",
   "private": true,
   "files": [

diff --git a/packages/eslint-config/react-internal.js → configs/eslint-config/react-internal.js b/packages/eslint-config/react-internal.js → configs/eslint-config/react-internal.js
diff --git a/packages/typescript-config/base.json → configs/typescript-config/base.json b/packages/typescript-config/base.json → configs/typescript-config/base.json
diff --git a/packages/typescript-config/nextjs.json → configs/typescript-config/nextjs.json b/packages/typescript-config/nextjs.json → configs/typescript-config/nextjs.json
diff --git a/packages/typescript-config/package.json → configs/typescript-config/package.json b/packages/typescript-config/package.json → configs/typescript-config/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@repo/typescript-config",
+  "name": "@setaday/typescript-config",
   "version": "0.0.0",
   "private": true,
   "license": "MIT",

diff --git a/...ages/typescript-config/react-library.json → configs/typescript-config/react-library.json b/...ages/typescript-config/react-library.json → configs/typescript-config/react-library.json
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,20 @@
+module.exports = {
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:prettier/recommended",
+    "plugin:tailwindcss/recommended",
+  ],
+  parser: "@typescript-eslint/parser",
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
+  rules: {
+    "tailwindcss/no-custom-classname": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "no-console": "error",
+  },
+};
diff --git a/package.json b/package.json
@@ -14,9 +14,17 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.8",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "autoprefixer": "^10.4.20",
+    "eslint": "^8",
+    "eslint-config-next": "15.0.0-rc.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.36.1",
+    "eslint-plugin-tailwindcss": "^3.17.4",
     "postcss": "^8.4.41",
     "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.8",
     "tailwindcss": "^3.4.9",
     "turbo": "^2.0.12",
     "typescript": "^5.5.4"

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -18,7 +18,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.8.0",
-    "@repo/typescript-config": "workspace:*",
+    "@setaday/typescript-config": "workspace:*",
     "@storybook/addon-essentials": "^8.2.9",
     "@storybook/addon-interactions": "^8.2.9",
     "@storybook/addon-links": "^8.2.9",