Vecel 배포

.github/ISSUE_TEMPLATE/bug.yml

@@ -0,0 +1,31 @@
+name: "\U0001F41B 버그 리포트 템플릿"
+description: 프로젝트에서 발생하는 버그에 대해 명세합니다.
+title: "[Fix] Issue title"
+labels: "\U0001F41B fix"
+body:
+  - type: input
+    id: parentKey
+    attributes:
+      label: '🎟️ 상위 작업 (Ticket Number)'
+      description: '상위 작업의 Ticket Number를 기입해주세요'
+      placeholder: 'SPFE18-00'
+    validations:
+      required: false
+
+  - type: textarea
+    id: description
+    attributes:
+      label: '버그리포트 요약'
+      description: '개선할 작업들을 작성해주세요'
+      value: |
+        ## 💬 버그 설명
+        <!-- 문제가 생긴 상황을 간단히 설명해주세요. -->
+        ## 🔁 재현 방법
+        <!-- 문제가 어떻게 발생했는지 순서대로 작성해주세요. -->
+        ## ⚙️ 기대 동작
+        <!-- 정상적으로 어떤 동작을 기대했는지 설명해주세요. -->
+        ## 📸 스크린샷 (선택사항)
+        ## 📄 추가 정보
+        <!-- 기타 참고할만한 정보나 자료가 있다면 자유롭게 작성해주세요. -->
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/feature.yml

@@ -0,0 +1,38 @@
+name: "✨ 기능 개발 템플릿"
+description: 개발해야 하는 기능을 단위별로 명세합니다.
+title: "[Feat] Issue title"
+labels: "✨ feat"
+body:
+  - type: input
+    id: parentKey
+    attributes:
+      label: '🎟️ 상위 작업 (Ticket Number)'
+      description: '상위 작업의 Ticket Number를 기입해주세요'
+      placeholder: 'SPFE18-00'
+    validations:
+      required: false
+
+  - type: textarea
+    id: description
+    attributes:
+      label: '기능개발 요약'
+      description: '진행할 작업들을 작성해주세요'
+      value: | 
+        ## ✨ 기능 개요
+        <!-- 어떤 기능을 개발해야 하는지 간단히 설명해주세요. -->
+
+        ## ✅ 작업 To-do
+        <!-- 진행할 작업들을 체크리스트 형식으로 정리해주세요. (작업 완료 시 체크)-->
+        - [ ] 항목 1
+        - [ ] 항목 2
+
+        ## 🔁 연관된 화면/기능 (선택사항)
+        <!-- 이 기능과 연결되거나 영향을 줄 수 있는 화면/기능을 적어주세요.-->
+
+        ## 📅 예상 일정 (선택사항)
+        <!-- 개발 예상 기간이나 작업 분배 계획이 있다면 적어주세요.-->
+
+        ## 📄 참고 사항
+        <!-- 기타 참고 사항이 있다면 자유롭게 남겨주세요.-->
+    validations: 
+      required: true

.github/ISSUE_TEMPLATE/refactor.yml

@@ -0,0 +1,30 @@
+name: "♻️ 리팩토링 템플릿"
+description: 개선 작업 내용에 대해 명세합니다.
+title: "[Refactor] Issue title"
+labels: "♻️ refactor"
+body:
+  - type: input
+    id: parentKey
+    attributes:
+      label: "🎟️ 상위 작업 (Ticket Number)"
+      description: "상위 작업의 Ticket Number를 기입해주세요"
+      placeholder: "SPFE18-00"
+    validations:
+      required: false
+
+  - type: textarea
+    id: description
+    attributes:
+      label: "리팩토링 요약"
+      description: "개선할 작업들을 작성해주세요"
+      value: |
+        ## ♻️ 리팩토링 목적
+        <!--리팩토링 대상과 개선이 필요한 이유를 간단히 설명해주세요.-->
+        ## ✅ 개선 방향
+        <!-- 리팩토링 계획과 방법을 간단히 설명해주세요.-->
+        ## ⚠️ 영향 범위/고려사항 (선택사항)
+        <!-- 변경으로 인한 영향 범위나 리스크 사항에 대해 작성해주세요.-->
+        ## 📄 참고 사항 (선택사항)
+        <!-- 관련 문서, 참고 링크, 이 외 기타 참고 사항이 있다면 작성해주세요.-->
+    validations:
+      required: true

.github/auto_assign.yml

@@ -0,0 +1,20 @@
+# Set to true to add reviewers to pull requests
+addReviewers: true
+
+# Set to true to add assignees to pull requests
+addAssignees: author
+
+# A list of reviewers to be added to pull requests (GitHub user name)
+reviewers:
+  - sohyun0
+  - sejin5
+  - nidor022
+  - suuuuya
+
+# A list of keywords to be skipped the process that add reviewers if pull requests include it
+skipKeywords:
+  - wip
+
+# A number of reviewers added to the pull request
+# Set 0 to add all the reviewers (default: 0)
+numberOfReviewers: 3

.github/pull_request_template.md

@@ -0,0 +1,15 @@
+<!-- PR 제목은 '[Jira Issue Key] #이슈번호 작업 내용 요약'으로 통일해주세요. -->
+
+## 📄 PR 내용 요약
+
+<!-- 어떤 작업을 했는지 간단하게 설명해주세요. -->
+
+## ✅ 작업 내용 상세
+
+<!-- 작업한 내용을 작성해주세요. -->
+
+## 📸 스크린샷 (선택사항)
+
+## 💬 참고 사항
+
+<!-- 리뷰어에게 전달하고 싶은 참고 사항이나 이슈가 있다면 자유롭게 작성해주세요. -->

.github/workflows/create-jira-issue.yml

@@ -0,0 +1,136 @@
+name: Create Jira issue
+on:
+  issues:
+    types:
+      - opened
+
+permissions:
+  contents: read
+  issues: write 
+
+jobs:
+  create-issue:
+    name: Create Jira issue
+    runs-on: ubuntu-latest
+    steps:
+      - name: Login
+        uses: atlassian/gajira-login@v3
+        env:
+          JIRA_BASE_URL: ${{ secrets.JIRA_BASE_URL }}
+          JIRA_API_TOKEN: ${{ secrets.JIRA_API_TOKEN }}
+          JIRA_USER_EMAIL: ${{ secrets.JIRA_USER_EMAIL }}
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Jira Issue Label Setting
+        id: set_issue_type
+        run: |
+          LABELS="${{ join(github.event.issue.labels.*.name, ',') }}"
+          echo "GitHub Labels: $LABELS"
+
+          ISSUE_TYPE="Task"
+
+          if echo "$LABELS" | grep -qi "\U0001F41B fix"; then
+            ISSUE_TYPE="Bug"
+          elif echo "$LABELS" | grep -qi "✨ feat"; then
+            ISSUE_TYPE="Feature"
+          elif echo "$LABELS" | grep -qi "♻️ refactor"; then
+            ISSUE_TYPE="Feature"
+          fi
+
+          echo "ISSUE_TYPE=$ISSUE_TYPE" >> $GITHUB_OUTPUT
+
+      - name: Detect issue template by label
+        id: detect_template
+        run: |
+          LABELS=$(echo "${{ toJson(github.event.issue.labels.*.name) }}" | tr -d '[]"')
+          TEMPLATE=""
+
+          if echo "$LABELS" | grep -q "✨ feat"; then
+            TEMPLATE=".github/ISSUE_TEMPLATE/feature.yml"
+          elif echo "$LABELS" | grep -qi "\U0001F41B fix"; then
+            TEMPLATE=".github/ISSUE_TEMPLATE/bug.yml"
+          elif echo "$LABELS" | grep -qi "♻️ refactor"; then
+            TEMPLATE=".github/ISSUE_TEMPLATE/refactor.yml"
+          else
+            TEMPLATE=".github/ISSUE_TEMPLATE/feature.yml"
+          fi
+
+          echo "TEMPLATE=$TEMPLATE" >> $GITHUB_OUTPUT
+
+      - name: Issue Parser
+        uses: stefanbuck/github-issue-praser@v3
+        id: issue-parser
+        with:
+            template-path: ${{ steps.detect_template.outputs.TEMPLATE }}
+
+      - name: Check Parent Key
+        id: check_parent
+        run: |
+          if [ -z "${{ steps.issue-parser.outputs.issueparser_parentKey }}" ]; then
+            echo "부모키(parentKey)가 비어 있습니다. Jira 이슈 생성을 중단합니다."
+            exit 1
+          else
+            echo "✅ 부모키 확인됨: ${{ steps.issue-parser.outputs.issueparser_parentKey }}"
+          fi
+
+      - name: Convert markdown to Jira Syntax
+        uses: peter-evans/jira2md@v1
+        id: md2jira
+        with:
+          input-text: |
+            ### Github Issue Link
+            - ${{ github.event.issue.html_url }}
+
+            ${{ github.event.issue.body }}
+          mode: md2jira
+
+      - name: Map GitHub username to Jira accountId
+        id: map_account
+        run: |
+          case "${{ github.event.issue.user.login }}" in
+            sejin5)
+              echo "ASSIGNEE_ID=60e42ff9f90dee00694083d9" >> $GITHUB_OUTPUT ;;
+            sohyun0)
+              echo "ASSIGNEE_ID=712020:1f582e3a-77a7-4781-9960-678e3e199f15" >> $GITHUB_OUTPUT ;;
+            suuuuya)
+              echo "ASSIGNEE_ID=712020:03f8ee6e-4ccb-4818-98cb-72f4eebb0877" >> $GITHUB_OUTPUT ;;
+            nidor022)
+              echo "ASSIGNEE_ID=712020:858202d1-c42d-4141-bfcd-f175de469263" >> $GITHUB_OUTPUT ;; 
+          esac
+
+      - name: Create Issue
+        id: create
+        uses: atlassian/gajira-create@v3
+        with:
+          project: SPFE18
+          issuetype: ${{ steps.set_issue_type.outputs.ISSUE_TYPE }}
+          summary: "${{ github.event.issue.title }}"
+          description: "${{ steps.md2jira.outputs.output-text }}"
+          fields: |
+            {
+              "assignee": {
+                "accountId": "${{ steps.map_account.outputs.ASSIGNEE_ID }}"
+              },
+              "parent": {
+                "key": "${{ steps.issue-parser.outputs.issueparser_parentKey }}"
+              }
+            }
+
+      - name: Log created issue
+        run: echo "Jira Issue ${{ steps.issue-parser.outputs.parentKey }}/${{ steps.create.outputs.issue }} was created"
+
+      - name: Update issue title
+        uses: actions-cool/issues-helper@v3
+        with:
+          actions: 'update-issue'
+          token: ${{ secrets.GITHUB_TOKEN }}
+          title: '[${{ steps.create.outputs.issue }}] ${{ github.event.issue.title }}'
+
+      - name: Add comment with Jira issue link
+        uses: actions-cool/issues-helper@v3
+        with:
+          actions: 'create-comment'
+          token: ${{ secrets.GITHUB_TOKEN }}
+          issue-number: ${{ github.event.issue.number }}
+          body: 'Jira Issue Created: [${{ steps.create.outputs.issue }}](${{ secrets.JIRA_BASE_URL }}/browse/${{ steps.create.outputs.issue }})'

.gitignore

@@ -3,7 +3,12 @@
 # dependencies
 /node_modules
 /.pnp
-.pnp.js
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
 
 # testing
 /coverage
@@ -23,14 +28,21 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
-# local env files
-.env*.local
-.env
+# env files (can opt-in for committing if needed)
+.env*
 
 # vercel
 .vercel
 
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+*storybook.log
+storybook-static
+
+
+._*
+.temp

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

.prettierignore

@@ -0,0 +1,2 @@
+.github
+.yml

.storybook/main.ts

@@ -0,0 +1,41 @@
+import type { StorybookConfig } from "@storybook/nextjs";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.stories.@(js|jsx|mdc|ts|tsx)"],
+  addons: ["@storybook/addon-a11y", "@storybook/addon-docs", "@storybook/addon-themes"],
+  framework: {
+    name: "@storybook/nextjs",
+    options: {
+      builder: {
+        name: "@storybook/builder-webpack5",
+        options: {},
+      },
+    },
+  },
+  staticDirs: ["../public"],
+  typescript: {
+    check: false,
+    reactDocgen: "react-docgen-typescript",
+    reactDocgenTypescriptOptions: {
+      shouldExtractLiteralValuesFromEnum: true,
+      propFilter: prop => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
+    },
+  },
+  webpackFinal: async config => {
+    const imageRule = config.module?.rules?.find(rule => {
+      const test = (rule as { test: RegExp }).test;
+      if (!test) return false;
+      return test.test(".svg");
+    }) as { [key: string]: unknown };
+    imageRule.exclude = /\.svg$/;
+
+    config.module?.rules?.push({
+      test: /\.svg$/,
+      use: ["@svgr/webpack"],
+    });
+
+    return config;
+  },
+};
+
+export default config;