chore: lint 설정 바꾸기

Author: minsoo-web

.eslintrc.json

@@ -6,7 +6,6 @@
     "airbnb",
     "plugin:import/errors",
     "plugin:import/warnings",
-    "plugin:prettier/recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:@next/next/recommended"
   ],
@@ -21,23 +20,28 @@
   "rules": {
     "quote-props": "warn",
     "@typescript-eslint/consistent-type-imports": "error",
-    "@typescript-eslint/no-empty-function": 0,
-    "react/button-has-type": 0,
-    "jsx-a11y/media-has-caption": 0,
-    "import/prefer-default-export": 0, // 0 -> 0ff / 1 -> on (default)
-    "prettier/prettier": 0,
-    "no-alert": 0,
-    "import/extensions": 0,
-    "consistent-return": 1,
-    "no-use-before-define": 0,
-    "import/no-unresolved": 0,
-    "import/no-extraneous-dependencies": 0, // 테스트 또는 개발환경을 구성하는 파일에서는 devDependency 사용을 허용
-    "no-shadow": 0,
-    "react/prop-types": 0,
+    "@typescript-eslint/no-empty-function": "off",
+    "react/button-has-type": "off",
+    "jsx-a11y/media-has-caption": "off",
+    "import/prefer-default-export": "off", // 0 -> 0ff / 1 -> warn (default)
+    "no-alert": "off",
+    "object-curly-newline": "off",
+    "import/extensions": "off",
+    "react/jsx-one-expression-per-line": "off",
+    "consistent-return": "warn",
+    "no-use-before-define": "off",
+    "import/no-unresolved": "off",
+    "import/no-extraneous-dependencies": "off", // 테스트 또는 개발환경을 구성하는 파일에서는 devDependency 사용을 허용
+    "no-shadow": "off",
+    "react/prop-types": "off",
     "react/require-default-props": "off",
-    "react/react-in-jsx-scope": 0,
-    "react/jsx-props-no-spreading": 0,
-    "react/jsx-filename-extension": [2, { "extensions": [".js", ".jsx", ".ts", ".tsx"] }],
+    "react/react-in-jsx-scope": "off",
+    "react/jsx-props-no-spreading": "off",
+    "semi": "off",
+    "react/jsx-filename-extension": [
+      2,
+      { "extensions": [".js", ".jsx", ".ts", ".tsx"] }
+    ],
     // redux-toolkit docs https://redux-toolkit.js.org/usage/immer-reducers#linting-state-mutations
     "no-param-reassign": [
       "error",
@@ -53,9 +57,9 @@
         "argsIgnorePattern": "^_"
       }
     ],
-    "react/function-component-definition": 0,
-    "react/destructuring-assignment": 0,
-    "@typescript-eslint/prefer-namespace-keyword": 0,
+    "react/function-component-definition": "off",
+    "react/destructuring-assignment": "off",
+    "@typescript-eslint/prefer-namespace-keyword": "off",
     "jsx-a11y/anchor-is-valid": [
       // nextjs 에서 a tag 에 href 를 기대하는 이슈로 인해
       "error",
@@ -65,7 +69,7 @@
         "aspects": ["invalidHref", "preferButton"]
       }
     ],
-    "no-underscore-dangle": 0,
+    "no-underscore-dangle": "off",
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "error",
     "react/no-unknown-property": ["error", { "ignore": ["css"] }]

.pnp.cjs

@@ -2,5 +2,7 @@
   "arrowParens": "always",
   "printWidth": 80,
   "quoteProps": "preserve",
-  "trailingComma": "all"
+  "trailingComma": "all",
+  "semi": false,
+  "singleQuote": true
 }

.prettierrc

@@ -7,5 +7,5 @@
   "typescript.tsdk": ".yarn/sdks/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "jestrunner.enableYarnPnpSupport": true,
-  "jestrunner.yarnPnpCommand": "yarn-3.6.1.cjs",
+  "jestrunner.yarnPnpCommand": "yarn-3.6.1.cjs"
 }

.vscode/settings.json

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require prettier
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real prettier your application uses
+module.exports = absRequire(`prettier`);

.yarn/cache/@eslint-js-npm-8.44.0-66b473d41b-fc53958322.zip

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

.yarn/cache/eslint-config-prettier-npm-8.8.0-f1bf18b9b1-1e94c3882c.zip

@@ -1,48 +1,49 @@
-import { Box, Flex, Image, Text } from "@chakra-ui/react";
-import { AvatarProps } from "./Avatar.types";
+import { Box, Flex, Image, Text } from '@chakra-ui/react'
+import type { AvatarProps } from './Avatar.types'
 
-export const Avatar = ({ ghId, username, name }: AvatarProps) => {
-  return (
-    <Flex
-      flexDir="column"
-      alignItems="center"
-      display="inline-flex"
-      gap="10px"
-      _hover={{
-        ".go-to-wrapper": {
-          visibility: "visible",
-          fontSize: "20px",
-        },
-      }}
-    >
-      <Box position="relative" overflow="hidden" borderRadius="50%">
-        <Image src={`https://avatars.githubusercontent.com/u/${ghId}?v=4`} w="173px" />
-        <Text
-          className="go-to-wrapper"
-          position="absolute"
-          top="0"
-          right="0"
-          bottom="0"
-          left="0"
-          as="a"
-          href={`https://github.com/${username}`}
-          target="_blank"
-          visibility="hidden"
-          backgroundColor="black"
-          display="flex"
-          alignItems="center"
-          justifyContent="center"
-          fontSize="16px"
-          color="#009972"
-          transition="font-size 0.3s ease-out"
-        >
-          Go to Github
-        </Text>
-      </Box>
-
-      <Text>
-        {name} / {username}
+export const Avatar = ({ ghId, username, name }: AvatarProps) => (
+  <Flex
+    flexDir="column"
+    alignItems="center"
+    display="inline-flex"
+    gap="10px"
+    _hover={{
+      '.go-to-wrapper': {
+        visibility: 'visible',
+        fontSize: '20px',
+      },
+    }}
+  >
+    <Box position="relative" overflow="hidden" borderRadius="50%">
+      <Image
+        src={`https://avatars.githubusercontent.com/u/${ghId}?v=4`}
+        w="173px"
+      />
+      <Text
+        className="go-to-wrapper"
+        position="absolute"
+        top="0"
+        right="0"
+        bottom="0"
+        left="0"
+        as="a"
+        href={`https://github.com/${username}`}
+        target="_blank"
+        visibility="hidden"
+        backgroundColor="black"
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+        fontSize="16px"
+        color="#009972"
+        transition="font-size 0.3s ease-out"
+      >
+        Go to Github
       </Text>
-    </Flex>
-  );
-};
+    </Box>
+
+    <Text>
+      {name} / {username}
+    </Text>
+  </Flex>
+)

.yarn/cache/eslint-npm-8.45.0-a03a909c3f-3e6dcce5cc.zip

@@ -1 +1 @@
-export { Avatar } from "./Avatar";
+export { Avatar } from './Avatar'