feat-fe: 공용 Button 컴포넌트

.eslintrc.json

@@ -0,0 +1,51 @@
+{
+  "ignorePatterns": ["**/*.dev.js", "**/*.prod.js", "**/*.config.js"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "globals": {
+    "browser": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@pandacss/recommended",
+    "airbnb",
+    "airbnb/hooks"
+  ],
+  "plugins": ["react", "react-hooks", "@typescript-eslint", "import", "jsx-a11y"],
+  "rules": {
+    "no-console": "warn",
+    "@pandacss/no-debug": "error",
+    "react/jsx-filename-extension": [1, { "extensions": [".jsx", ".js"] }],
+    "react/jsx-uses-react": "off",
+    "react/jsx-uses-vars": "warn",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "import/no-extraneous-dependencies": ["error", { "devDependencies": true }],
+    "react/require-default-props": "off",
+    "react/jsx-wrap-multilines": "off",
+
+    "import/extensions": [
+      "error",
+      {
+        "js": "never",
+        "jsx": "never",
+        "ts": "never",
+        "tsx": "never",
+        "svg": "always"
+      }
+    ],
+    "import/no-unresolved": "off"
+  },
+  "overrides": [
+    {
+      "files": ["**/*.ts", "**/*.tsx"],
+      "parser": "@typescript-eslint/parser",
+      "plugins": ["@typescript-eslint"],
+      "extends": ["plugin:@typescript-eslint/recommended"]
+    }
+  ]
+}

.github/ISSUE_TEMPLATE/backend-chore-request.md

@@ -7,7 +7,6 @@ assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/backend-feature-request.md

@@ -2,12 +2,11 @@
 name: BackEnd Feature request
 about: 백엔드 기능 이슈 템플릿입니다.
 title: ''
-labels: backend, feat
+labels: backend, feature
 assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/backend-fix-request.md

@@ -7,7 +7,6 @@ assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/backend-refactor-request.md

@@ -7,7 +7,6 @@ assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/backend-test-request.md

@@ -7,7 +7,6 @@ assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/frontend-chore-request.md

@@ -7,7 +7,6 @@ assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/frontend-feature-request.md

@@ -2,12 +2,11 @@
 name: FrontEnd Feature request
 about: 프론트엔드 기능 이슈 템플릿입니다.
 title: ''
-labels: feat, frontend
+labels: feature, frontend
 assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/frontend-fix-request.md

@@ -7,7 +7,6 @@ assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/frontend-refactor-request.md

@@ -7,7 +7,6 @@ assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/frontend-style-request.md

@@ -7,7 +7,6 @@ assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/ISSUE_TEMPLATE/frontend-test-request.md

@@ -7,7 +7,6 @@ assignees: ''
 
 ---
 
-- 요구사항 ID: 
 ## 목적
 > 
 
@@ -16,3 +15,7 @@ assignees: ''
 
 ## 참고 사항
 -
+
+> 아래의 별표줄 밑에  **요구사항 ID**만 작성해주세요. Prefix 금지!
+
+********************

.github/issue-branch.yml

@@ -0,0 +1,51 @@
+branchName: '${issue.number}-${issue.body[-20]}'
+gitSafeReplacementChar: ""
+openDraftPR: true
+autoCloseIssue: true
+branches:
+  - label: 
+    - feature
+    - backend
+    prefix: be-
+    name: be/develop
+  - label:
+    - feature
+    - frontend
+    prefix: fe-
+    name: fe/develop
+  - label: '*'
+    skip: true
+  # - label: docs
+  #   prefix: docs/
+  # - label: hotfix
+  #   prefix: hotfix/
+  # - label: refactor
+  #   prefix: refactor/
+  # - label: chore
+  #   prefix: chore/
+  # - label: release
+  #   prefix: release/
+  # - label: test
+  #   prefix: test/
+  # - label: fix
+  #   prefix: fix/
+
+commentMessage: |
+  🚀 안녕하세요 @${assignee.login}님! 작업을 시작하셨군요?
+
+  작업하실 브랜치를 컨벤션에 맞게 현재 이슈 ✨${issue.title}✨에 연결하여 생성헤드렸어요!
+  생성된 브랜치명:
+  ${branchName}
+
+  해당 브랜치가 연결된 ⚡️[Draft PR](${repository.html_url}/issues/?q=head:${branchName})⚡️ 생성되었으니 확인해보세요
+
+  작업이 완료된 후, 리뷰어를 선택하고 Draft PR 내부의 `Ready for review` 버튼을 눌러주시면 됩니다! :)
+  제가 Slack으로 리뷰어에게 DM으로 알려드릴게요
+
+
+copyIssueDescriptionToPR: true
+copyIssueLabelsToPR: true
+copyIssueAssigneeToPR: true
+copyIssueProjectsToPR: true
+copyIssueMilestoneToPR: true
+

.github/workflows/issue-branch-pr-automation.yml

@@ -0,0 +1,88 @@
+name: issue - branch Create Automation
+
+on:
+  issues:
+    types: [opened, assigned, closed]
+
+env:
+  Dobby-Kim: "U07BJABU6G1"
+  Chocochip101: "U07BUEJDS8G"
+  xogns1514: "U07AZ26UC2J"
+  lurgi: "U07BJB1M53K"
+  llqqssttyy: "U07AZ2992CW"
+  cutehumanS2: "U07B88ZQDU4"
+  HyungHoKim00: "U07B5HBKZM1"
+  seongjinme: "U07B9HQDF4M"
+
+jobs:
+  create-issue-branch:
+    name: "feature 이슈 할당 -> 브랜치-PR 자동 생성"
+    runs-on: ubuntu-latest
+    if: github.event.action == 'assigned'
+    steps:
+      - name: create the issue branch
+        uses: robvanderleek/create-issue-branch@main
+        id: create-issue-branch
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+  notify-start-issue:
+    name: "이슈 작업 시작 -> Slack 체널 알림"
+    runs-on: ubuntu-latest
+    if: github.event.action == 'assigned'
+    steps:
+      - name: Set assignee variables
+        id: set-vars
+        run: |
+          echo "ASSIGNEE_SLACK_ID=${{ env[github.event.assignee.login] }}" >> $GITHUB_ENV
+
+      - name: 작업 시작 -> Slack 체널 알림
+        uses: slackapi/slack-github-action@v1.24.0
+        with:
+          channel-id: ${{ secrets.IN_PROGRESS_SLACK_CHANNEL_ID }}
+          payload: |
+            {
+              "text": "pr review request",
+              "blocks": [
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "🚀 <@${{ env.ASSIGNEE_SLACK_ID }}> 님이 \n <${{ github.event.issue.html_url }}|${{ github.event.issue.title }}> 작업을 시작했습니다! :muscle::muscle:"
+                  }
+                }
+              ]
+            }
+        env:
+          SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}
+
+  notify-close-issue:
+    name: "이슈 작업 종료 -> Slack 체널 알림"
+    runs-on: ubuntu-latest
+    if: github.event.action == 'closed'
+    steps:
+      - name: Set assignee variables
+        id: set-vars
+        run: |
+          echo "ASSIGNEE_SLACK_ID=${{ env[github.event.assignee.login] }}" >> $GITHUB_ENV
+
+      - name: 작업 시작 -> Slack 체널 알림
+        uses: slackapi/slack-github-action@v1.24.0
+        with:
+          channel-id: ${{ secrets.TASK_COMPLETE_SLACK_CHANNEL_ID }}
+          payload: |
+            {
+              "text": "pr review request",
+              "blocks": [
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": ":pushpin: <@${{ env.ASSIGNEE_SLACK_ID }}> 님의 할당 이슈인 \n\n :confetti_ball::confetti_ball: <${{ github.event.issue.html_url }}|${{ github.event.issue.title }}> 작업이 완료(종료)됐습니다! :confetti_ball::confetti_ball:"
+                  }
+                }
+              ]
+            }
+        env:
+          SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}
+