develop -> main (#89)

.eslintrc.cjs

@@ -4,14 +4,20 @@ module.exports = {
   extends: [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
     "plugin:react-hooks/recommended",
-    "plugin:@typescript-eslint/recommended",
     "plugin:unicorn/recommended",
     "plugin:prettier/recommended",
   ],
-  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  ignorePatterns: ["dist", ".eslintrc.cjs", "vite.config.ts"],
   parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint", "react-refresh", "unicorn", "prettier"],
+  plugins: [
+    "@typescript-eslint",
+    "react",
+    "react-refresh",
+    "unicorn",
+    "prettier",
+  ],
   rules: {
     "prettier/prettier": [
       "error",
@@ -23,6 +29,18 @@ module.exports = {
       "warn",
       { allowConstantExport: true },
     ], // 기본 설정
+    "react/jsx-tag-spacing": [
+      "error",
+      {
+        closingSlash: "never",
+        beforeSelfClosing: "always",
+        afterOpening: "never",
+        beforeClosing: "never",
+      },
+    ],
+    "react/self-closing-comp": "error",
+    "react/display-name": "off",
+    "react/react-in-jsx-scope": "off",
 
     curly: "error", // 중괄호 생략 금지
     "no-var": "error", // var 금지
@@ -67,6 +85,7 @@ module.exports = {
     "unicorn/catch-error-name": "off",
     "unicorn/prefer-spread": "off",
     "unicorn/no-lonely-if": "off",
+    "unicorn/prefer-string-replace-all": "off",
 
     "@typescript-eslint/ban-ts-comment": "off", // ts-ignore 가능
     "@typescript-eslint/no-unused-vars": "off", // 위 no-unused-vars와 중복
@@ -81,7 +100,7 @@ module.exports = {
         modifiers: ["exported"],
       },
       {
-        format: ["camelCase", "snake_case"],
+        format: ["PascalCase", "camelCase", "snake_case"],
         selector: "variable",
         leadingUnderscore: "allow",
       },

.github/workflows/git-push.yml

@@ -0,0 +1,29 @@
+name: git push into another repo to deploy to vercel
+
+on:
+  push:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    container: pandoc/latex
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install mustache (to update the date)
+        run: apk add ruby && gem install mustache
+      - name: creates output
+        run: sh ./build.sh
+      - name: Pushes to another repository
+        id: push_directory
+        uses: cpina/github-action-push-to-another-repository@main
+        env:
+          API_TOKEN_GITHUB: ${{ secrets.JOBIS_GITHUB_TOKEN }}
+        with:
+          source-directory: 'output'
+          destination-github-username: teamreturn
+          destination-repository-name: JOBIS-FE
+          user-email: ${{ secrets.RETURN_ACCOUNT_EMAIL }}
+          commit-message: ${{ github.event.commits[0].message }}
+          target-branch: ${{ github.ref_name }}
+      - name: Test get variable exported by push-to-another-repository
+        run: echo $DESTINATION_CLONED_DIRECTORY

.stylelintrc.cjs

@@ -1,127 +1,134 @@
 module.exports = {
-    "extends": ["stylelint-config-standard"],
-    "plugins": ["stylelint-order"],
-    "customSyntax": "postcss-styled-syntax",
-    "rules": {
-        "declaration-empty-line-before": [
-            "always",
-            {
-                "ignore": ["after-comment", "after-declaration", "inside-single-line-block"]
-            }
-        ], // 중간 공백 추가
-        "shorthand-property-no-redundant-values": true, // ex) margin: 1px 1px 1px 1px -> margin 1px 축약
-
-        "order/order": ["custom-properties", "declarations"], // 코드 스타일의 순서 검사
-        "order/properties-order": [
-            {
-                "groupName": "Layout",
-                "noEmptyLineBetween": true,
-                "properties": [
-                    "position",
-                    "top",
-                    "right",
-                    "bottom",
-                    "left",
-                    "display",
-                    "visibility",
-                    "overflow",
-                    "float",
-                    "clear",
-                    "z-index",
-                    "flex-direction",
-                    "flex-wrap",
-                    "float",
-                    "grid",
-                    "grid-template-columns",
-                    "grid-area",
-                    "grid-template-rows",
-                    "grid-column",
-                    "grid-template-areas",
-                    "grid-auto-flow",
-                    "grid-row",
-                    "grid-auto-rows",
-                    "justify-content",
-                    "align-items"
-                ]
-            },
-            {
-                "groupName": "Box",
-                "emptyLineBefore": "always",
-                "noEmptyLineBetween": true,
-                "properties": [
-                    "width",
-                    "height",
-                    "margin",
-                    "margin-top",
-                    "margin-right",
-                    "margin-bottom",
-                    "margin-left",
-                    "padding",
-                    "padding-top",
-                    "padding-right",
-                    "padding-bottom",
-                    "padding-left",
-                    "border",
-                    "border-radius",
-                    "border-color",
-                    "border-width",
-                    "border-style",
-                    "border-bottom",
-                    "border-top",
-                    "border-left",
-                    "border-right"
-                ]
-            },
-            {
-                "groupName": "Background",
-                "emptyLineBefore": "always",
-                "noEmptyLineBetween": true,
-                "properties": [
-                    "background",
-                    "background-color",
-                    "background-image",
-                    "opacity",
-                    "overflow",
-                    "text-overflow",
-                    "outline"
-                ]
-            },
-            {
-                "groupName": "Font",
-                "emptyLineBefore": "always",
-                "noEmptyLineBetween": true,
-                "properties": [
-                    "color",
-                    "font-size",
-                    "font-family",
-                    "font-style",
-                    "font-weight",
-                    "line-height",
-                    "letter-spacing",
-                    "text-align",
-                    "text-indent",
-                    "vertical-align",
-                    "white-space",
-                    "text-decoration",
-                    "text-transform",
-                    "text-shadow",
-                    "text-overflow"
-                ]
-            },
-            {
-                "groupName": "Animation",
-                "emptyLineBefore": "always",
-                "noEmptyLineBetween": true,
-                "properties": [
-                    "translate",
-                    "animation",
-                    "transition",
-                    "transition-property",
-                    "transition-duration",
-                    "transition-delay",
-                    "transition-timing-function"
-                ]
-            }
-        ] // style 순서
-    }
-}
+  extends: ["stylelint-config-standard"],
+  plugins: ["stylelint-order"],
+  customSyntax: "postcss-styled-syntax",
+  rules: {
+    "no-duplicate-selectors": null,
+    "declaration-empty-line-before": [
+      "always",
+      {
+        ignore: [
+          "after-comment",
+          "after-declaration",
+          "inside-single-line-block",
+          "first-nested",
+        ],
+      },
+    ], // 중간 공백 추가
+    "shorthand-property-no-redundant-values": true, // ex) margin: 1px 1px 1px 1px -> margin 1px 축약
+    "font-family-no-missing-generic-family-keyword": null,
+
+    "order/order": ["custom-properties", "declarations"], // 코드 스타일의 순서 검사
+    "order/properties-order": [
+      {
+        groupName: "Layout",
+        noEmptyLineBetween: true,
+        properties: [
+          "position",
+          "top",
+          "right",
+          "bottom",
+          "left",
+          "display",
+          "visibility",
+          "overflow",
+          "float",
+          "clear",
+          "z-index",
+          "flex-direction",
+          "flex-wrap",
+          "float",
+          "grid",
+          "grid-template-columns",
+          "grid-area",
+          "grid-template-rows",
+          "grid-column",
+          "grid-template-areas",
+          "grid-auto-flow",
+          "grid-row",
+          "grid-auto-rows",
+          "justify-content",
+          "align-items",
+        ],
+      },
+      {
+        groupName: "Box",
+        emptyLineBefore: "always",
+        noEmptyLineBetween: true,
+        properties: [
+          "width",
+          "height",
+          "margin",
+          "margin-top",
+          "margin-right",
+          "margin-bottom",
+          "margin-left",
+          "padding",
+          "padding-top",
+          "padding-right",
+          "padding-bottom",
+          "padding-left",
+          "border",
+          "border-radius",
+          "border-color",
+          "border-width",
+          "border-style",
+          "border-bottom",
+          "border-top",
+          "border-left",
+          "border-right",
+        ],
+      },
+      {
+        groupName: "Background",
+        emptyLineBefore: "always",
+        noEmptyLineBetween: true,
+        properties: [
+          "background",
+          "background-color",
+          "background-image",
+          "opacity",
+          "overflow",
+          "text-overflow",
+          "outline",
+        ],
+      },
+      {
+        groupName: "Font",
+        emptyLineBefore: "always",
+        noEmptyLineBetween: true,
+        properties: [
+          "color",
+          "font-size",
+          "font-family",
+          "font-style",
+          "font-weight",
+          "line-height",
+          "letter-spacing",
+          "text-align",
+          "text-indent",
+          "vertical-align",
+          "white-space",
+          "text-decoration",
+          "text-transform",
+          "text-shadow",
+          "text-overflow",
+        ],
+      },
+      {
+        groupName: "Animation",
+        emptyLineBefore: "always",
+        noEmptyLineBetween: true,
+        properties: [
+          "translate",
+          "animation",
+          "transition",
+          "transition-property",
+          "transition-duration",
+          "transition-delay",
+          "transition-timing-function",
+        ],
+      },
+    ], // style 순서
+  },
+};