💄 shadcn ui 설치

.eslintrc.js

@@ -1,5 +1,3 @@
-
-
 module.exports = {
   parser: '@typescript-eslint/parser',
   parserOptions: {
@@ -12,7 +10,7 @@ module.exports = {
   },
   extends: [
     'eslint:recommended',
-    "plugin:@tanstack/eslint-plugin-query/recommended",
+    'plugin:@tanstack/eslint-plugin-query/recommended',
     'plugin:react/recommended',
     'plugin:react-hooks/recommended',
     'plugin:@typescript-eslint/recommended',
@@ -23,20 +21,16 @@ module.exports = {
     'next/core-web-vitals',
     'prettier',
   ],
-  plugins: [
-    'react',
-    'react-hooks',
-    '@typescript-eslint',
-    'jsx-a11y',
-    'import',
-    'prettier',
-  ],
+  plugins: ['react', 'react-hooks', '@typescript-eslint', 'jsx-a11y', 'import', 'prettier'],
   rules: {
     'prettier/prettier': 'error',
     'react/react-in-jsx-scope': 'off', // Next.js doesn't require React to be in scope
     'react/prop-types': 'off',
-    'no-console':'error',
-    "react/jsx-props-no-spreading":'off'
+    'no-console': 'error',
+    'react/jsx-props-no-spreading': 'off',
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': ['error', { variables: false, functions: false, classes: false }],
+    'react/jsx-no-constructed-context-values': 'off',
   },
   settings: {
     react: {

components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/styles/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}