[X팀] 프론트엔드 코드리뷰용 PR

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,30 +1,9 @@
-## Description
-
-Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.
-
-Fixes # (issue)
-
-## Type of change
-
-Please delete options that are not relevant.
-
--   [ ] Bug fix (non-breaking change which fixes an issue)
--   [ ] New feature (non-breaking change which adds functionality)
--   [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
--   [ ] This change requires a documentation update
-
-## How Has This Been Tested?
-
-Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration
-
-## Checklist:
-
--   [ ] My code follows the style guidelines of this project
--   [ ] I have performed a self-review of my own code
--   [ ] I have commented my code, particularly in hard-to-understand areas
--   [ ] I have made corresponding changes to the documentation
--   [ ] My changes generate no new warnings
--   [ ] I have added tests that prove my fix is effective or that my feature works
--   [ ] New and existing unit tests pass locally with my changes
--   [ ] Any dependent changes have been merged and published in downstream modules
--   [ ] I have checked my code and corrected any misspellings
+## 🧐 체크리스트
+
+-   [ ] **코드 실행 확인**: `yarn build` 또는 `npm run build` 실행 후 정상적으로 동작하는지 확인했나요?
+-   [ ] **테스트 통과 여부**: Jest 테스트를 실행했고 모든 테스트가 통과했나요? (`yarn test`)
+-   [ ] **ESLint & Prettier 검사**: `yarn lint` 및 `yarn prettify` 실행 후 문제가 없나요?
+-   [ ] **PR 제목 확인**: PR 제목이 `feat:`, `fix:`, `chore:` 등 커밋 컨벤션을 따르고 있나요?
+-   [ ] **변경 사항 설명**: PR 설명에 변경된 내용을 충분히 작성했나요?
+-   [ ] **리뷰어가 이해하기 쉽게 작성**: 코드 리뷰어가 쉽게 이해할 수 있도록 가독성 높은 코드를 작성했나요?
+-   [ ] **문서 업데이트 필요 여부**: 기능 추가/변경 사항이 있다면 `README.md` 또는 관련 문서를 업데이트했나요?

.github/workflows/deploy-storybook.yml

@@ -0,0 +1,30 @@
+name: Deploy Storybook to GitHub Pages
+
+on:
+    push:
+        branches:
+            - main
+
+permissions:
+    contents: write
+
+jobs:
+    deploy:
+        runs-on: ubuntu-latest
+
+        steps:
+            - name: Checkout repository
+              uses: actions/checkout@v4
+
+            - name: Install dependencies
+              run: yarn install --frozen-lockfile
+
+            - name: Build Storybook
+              run: yarn build-storybook -o storybook-static
+
+            - name: Deploy to GitHub Pages
+              uses: peaceiris/actions-gh-pages@v4
+              with:
+                  github_token: ${{ secrets.ACTIONS_DEPLOY_KEY }}
+                  publish_dir: storybook-static
+                  publish_branch: gh-pages

.github/workflows/lint-test.yml

@@ -0,0 +1,44 @@
+name: Lint and Test
+
+on:
+    pull_request:
+        branches: [main]
+
+jobs:
+    lint-and-test:
+        runs-on: ubuntu-latest
+
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v4
+
+            - name: Setup Node.js
+              uses: actions/setup-node@v4
+              with:
+                  node-version: "22"
+                  cache: "yarn"
+
+            - name: Install dependencies
+              run: yarn install --frozen-lockfile
+
+            - name: Run linting
+              id: lint
+              run: yarn lint
+              continue-on-error: true
+
+            - name: Run tests with coverage
+              id: test
+              run: yarn test --coverage
+              continue-on-error: true
+
+            - name: Save coverage report
+              if: always()
+              uses: actions/upload-artifact@v4
+              with:
+                  name: test-coverage
+                  path: coverage/
+                  retention-days: 7
+
+            - name: Check if lint and tests passed
+              if: steps.lint.outcome != 'success' || steps.test.outcome != 'success'
+              run: exit 1

.gitignore

@@ -1,9 +1,17 @@
-dist/js/*
+dist/*
 storybook-static/*
+coverage
+node_modules/*
 
-/node_modules
 npm-debug.log
 yarn-error.log
 
 .DS_Store
-dist
+
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+.pnp.*

.vscode/extensions.json

@@ -1,11 +1,13 @@
 {
-	// See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
-	// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
-	// List of extensions which should be recommended for users of this workspace.
-	"recommendations": [
-		"esbenp.prettier-vscode",
-		"bradlc.vscode-tailwindcss"
-	],
-	// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
-	"unwantedRecommendations": []
-}
+  // See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
+  // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
+  // List of extensions which should be recommended for users of this workspace.
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "bradlc.vscode-tailwindcss",
+    "arcanis.vscode-zipfs",
+    "dbaeumer.vscode-eslint"
+  ],
+  // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
+  "unwantedRecommendations": []
+}

.vscode/settings.json

@@ -1,4 +1,12 @@
 {
   "editor.formatOnSave": true,
-  "css.lint.unknownAtRules": "ignore"
-}
+  "css.lint.unknownAtRules": "ignore",
+  "search.exclude": {
+    "**/.yarn": true,
+    "**/.pnp.*": true
+  },
+  "eslint.nodePath": ".yarn/sdks",
+  "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
+  "typescript.tsdk": ".yarn/sdks/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true
+}