Fix/616 monorepo fix (#617)

* fix: prettier, eslint 에러 사항 수정

* fix: eslint format fix

* fix: 실수로 삭제한 page 추가

* fix : 오타 수정

* refactor : alert 경고 제거

* fix: RN monorepo 환경 설정

* fix: RN android

* fix: RN lint 수정

* fix: web lint

* fix: externalDir 설정 제거

---------

Co-authored-by: Kuesung Park <gueit214@naver.com>

.eslintrc.json

@@ -1,10 +1,9 @@
 {
   "env": {
     "browser": true,
-    "es2021": true,
-    "jest": true
+    "es6": true,
+    "node": true
   },
-  "extends": ["airbnb", "prettier"],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaFeatures": {
@@ -13,20 +12,179 @@
     "ecmaVersion": "latest",
     "sourceType": "module"
   },
-  "plugins": [
-    "react",
-    "react-hooks",
-    "prettier",
-    "@emotion",
-    "jest",
-    "jest-dom"
+  "plugins": ["@typescript-eslint"],
+  "extends": [
+    "eslint:recommended",
+    "plugin:prettier/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@next/next/recommended",
+    "next/core-web-vitals",
+    "prettier"
   ],
   "rules": {
-    "prettier/prettier": "error"
+    "prettier/prettier": [
+      "error",
+      { "endOfLine": "auto" },
+      { "usePrettierrc": true }
+    ],
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-var-requires": 0,
+
+    // TypeScript에서 이미 잡고 있는 문제이기 때문에 + location, document 등의 global variable도 잡아서
+    "no-undef": "off",
+
+    // 아래 3개의 경우, Prettier가 이미 잘 해 주고 있는 부분이기 때문에
+    "indent": "off",
+    "@typescript-eslint/indent": "off",
+    "semi": "off",
+
+    // 이미 널리 쓰이고 있어 에러 수가 감당이 되지 않아 잠시 꺼둡니다.
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+
+    // Strict-boolean-expression을 사용할지 아직 결론이 나지 않아서
+    "no-extra-boolean-cast": "off",
+
+    // union type을 받는 함수에서 모든 경우의 수에 대해 return 해도 eslint가 추론하지 못하고 있어서 warn만 하고 있음
+    "getter-return": "warn",
+
+    // 대부분의 경우 필요가 없어서
+    "@typescript-eslint/explicit-function-return-type": "off",
+
+    // Hoisting을 전략적으로 사용한 경우가 많아서
+    "@typescript-eslint/no-use-before-define": "off",
+
+    // 모델 정의 부분에서 class와 interface를 합치기 위해 사용하는 용법도 잡고 있어서
+    "@typescript-eslint/no-empty-interface": "off",
+
+    // 모델 정의 부분에서 파라미터 프로퍼티를 잘 쓰고 있어서
+    "@typescript-eslint/no-parameter-properties": "off",
+
+    // TypeScript에서 이미 잘 해주고 있어서
+    "react/prop-types": "off",
+
+    // React.memo, React.forwardRef에서 사용하는 경우도 막고 있어서
+    "react/display-name": "off",
+
+    // 탭내빙 어택 방지
+    "react/jsx-no-target-blank": "error",
+
+    // 불필요한 Fragment 방지
+    "react/jsx-no-useless-fragment": "warn",
+
+    "no-async-promise-executor": "warn",
+
+    "@typescript-eslint/prefer-as-const": "warn",
+    "@typescript-eslint/no-non-null-asserted-optional-chain": "warn",
+    "@typescript-eslint/ban-types": "warn",
+    "@typescript-eslint/no-inferrable-types": "warn",
+    "@typescript-eslint/no-empty-function": "off",
+    "@typescript-eslint/naming-convention": [
+      "error",
+      {
+        "format": ["camelCase", "UPPER_CASE", "PascalCase"],
+        "selector": "variable",
+        "leadingUnderscore": "allow"
+      },
+      {
+        "format": ["camelCase", "PascalCase"],
+        "selector": "function",
+        "filter": { "regex": "[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]", "match": false }
+      },
+      {
+        "format": ["PascalCase"],
+        "selector": "interface",
+        "filter": { "regex": "[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]", "match": false }
+      },
+      {
+        "format": ["PascalCase"],
+        "selector": "typeAlias",
+        "filter": { "regex": "[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]", "match": false }
+      }
+    ],
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/array-type": ["error", { "default": "array-simple" }],
+    "@typescript-eslint/no-unused-vars": ["warn", { "ignoreRestSiblings": true }],
+    "@typescript-eslint/member-ordering": [
+      "error",
+      {
+        "default": [
+          "public-static-field",
+          "private-static-field",
+          "public-instance-field",
+          "private-instance-field",
+          "public-constructor",
+          "private-constructor",
+          "public-instance-method",
+          "private-instance-method"
+        ]
+      }
+    ],
+    "object-shorthand": ["error", "always"],
+    "prefer-const": "error",
+    "no-var": "error",
+    "eqeqeq": ["error", "always", { "null": "ignore" }],
+    "import/no-duplicates": "off",
+
+    "sort-imports": [
+      "error",
+      {
+        "ignoreDeclarationSort": true,
+        "ignoreMemberSort": false
+      }
+    ],
+    "import/newline-after-import": ["error"],
+
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off",
+
+    "react/jsx-key": "warn",
+
+    // 접근성, 충분히 잡히면 error로 올릴 예정
+    "jsx-a11y/alt-text": [
+      "warn",
+      {
+        "img": ["Image", "Dialog.Image"]
+      }
+    ],
+    "jsx-a11y/aria-props": "error", // 제대로된 aria-* 이름인지 확인
+    "jsx-a11y/aria-proptypes": "error", // 제대로된 aria-*의 value 인지 검사
+    "jsx-a11y/aria-role": "warn", // 표준 role 값인지 확인하는 룰
+    "jsx-a11y/role-supports-aria-props": "warn", // 서로 같이 쓰면 안되는 aria-* 가 있는지 확인하는룰
+    "jsx-a11y/aria-unsupported-elements": "warn", // 해당 element에서 미지원하는 aria가 들어있는지 확인하는 룰
+    "jsx-a11y/img-redundant-alt": [
+      "warn",
+      {
+        "components": ["Image", "Dialog.Image"],
+        "words": ["사진", "이미지"]
+      }
+    ],
+    "import/order": [
+      "warn",
+      {
+        "groups": [
+          ["builtin", "external"],
+          ["internal", "parent", "sibling", "index"],
+          ["object"],
+          ["type"]
+        ],
+        "newlines-between": "always",
+        "alphabetize": {
+          "order": "asc",
+          "caseInsensitive": true
+        }
+      }
+    ]
   },
   "settings": {
+    "next": {
+      "rootDir": ["packages/web/"]
+    },
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
+    },
     "import/resolver": {
       "typescript": {}
     }
   }
-}
+}