feat: Next.js app 디렉토리 기반 @tanstack/react-query 설정 (#7)

* chore: @tanstack/react-query 관련 라이브러리 설치

* feat: @tanstack/react-quer 설정 및 Provider들 분리y

* chore: eslint 룰 추가 및 preitter 버전 변경

* chore: eslintignore 파일 추가

* feat: react-query 관련 폴더 설정 추가

* chore: dev, develop 명령어 start에서 dev로 변경

.eslintignore

@@ -0,0 +1,2 @@
+node_modules
+.*

.eslintrc.js

@@ -3,13 +3,29 @@ module.exports = {
   plugins: ['import', 'eslint-plugin-simple-import-sort', 'unused-imports'],
   ignorePatterns: ['.pnp.*', '.yarn/**/*'],
   extends: [
+    'eslint:recommended',
     'next/core-web-vitals',
     'next',
     'prettier',
     'plugin:import/recommended',
     'plugin:@typescript-eslint/recommended',
   ],
+  settings: {
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.ts', '.tsx'],
+    },
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true,
+        project: './',
+      },
+    },
+  },
   rules: {
+    'import/no-cycle': [
+      'error',
+      { allowUnsafeDynamicCyclicDependency: true },
+    ],
     'import/no-unresolved': 'error',
     'react/jsx-key': 'off',
     'react/no-unescaped-entities': 'off',
@@ -22,6 +38,7 @@ module.exports = {
     ],
     'react/jsx-first-prop-new-line': 'error',
     'comma-dangle': ['error', 'always-multiline'],
+    eqeqeq: ['warn', 'smart'],
     indent: ['error', 2],
     quotes: ['error', 'single'],
     'eol-last': 'error',
@@ -40,22 +57,10 @@ module.exports = {
       'error',
       { count: 1, considerComments: true },
     ],
-    'no-unused-vars': 'off',
     '@typescript-eslint/no-unused-vars': ['warn'],
     '@typescript-eslint/ban-types': 'warn',
     'import/named': 'off',
     'react/display-name': 'off',
     '@typescript-eslint/no-empty-function': 'off',
   },
-  settings: {
-    'import/parsers': {
-      '@typescript-eslint/parser': ['.ts', '.tsx'],
-    },
-    'import/resolver': {
-      typescript: {
-        alwaysTryTypes: true,
-        project: './',
-      },
-    },
-  },
 };

.vscode/settings.json

@@ -6,5 +6,8 @@
   },
   "eslint.nodePath": ".yarn/sdks",
   "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
 }

.yarn/sdks/eslint/bin/eslint.js

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
 
-const { existsSync } = require(`fs`);
-const { createRequire } = require(`module`);
-const { resolve } = require(`path`);
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
 
-const relPnpApiPath = '../../../../.pnp.cjs';
+const relPnpApiPath = "../../../../.pnp.cjs";
 
 const absPnpApiPath = resolve(__dirname, relPnpApiPath);
 const absRequire = createRequire(absPnpApiPath);

.yarn/sdks/eslint/lib/api.js

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
 
-const { existsSync } = require(`fs`);
-const { createRequire } = require(`module`);
-const { resolve } = require(`path`);
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
 
-const relPnpApiPath = '../../../../.pnp.cjs';
+const relPnpApiPath = "../../../../.pnp.cjs";
 
 const absPnpApiPath = resolve(__dirname, relPnpApiPath);
 const absRequire = createRequire(absPnpApiPath);

.yarn/sdks/prettier/index.js

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
 
-const { existsSync } = require(`fs`);
-const { createRequire } = require(`module`);
-const { resolve } = require(`path`);
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
 
-const relPnpApiPath = '../../../.pnp.cjs';
+const relPnpApiPath = "../../../.pnp.cjs";
 
 const absPnpApiPath = resolve(__dirname, relPnpApiPath);
 const absRequire = createRequire(absPnpApiPath);

.yarn/sdks/prettier/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prettier",
-  "version": "3.0.0-sdk",
+  "version": "2.8.8-sdk",
   "main": "./index.js",
   "type": "commonjs"
 }

.yarn/sdks/typescript/lib/tsc.js

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
 
-const { existsSync } = require(`fs`);
-const { createRequire } = require(`module`);
-const { resolve } = require(`path`);
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
 
-const relPnpApiPath = '../../../../.pnp.cjs';
+const relPnpApiPath = "../../../../.pnp.cjs";
 
 const absPnpApiPath = resolve(__dirname, relPnpApiPath);
 const absRequire = createRequire(absPnpApiPath);