feat: header UI 추가

.github/ISSUE_TEMPLATE/custom.md

@@ -1,13 +1,14 @@
 ---
 name: Custom issue template
 about: Describe this issue template's purpose here.
-title: ''
-labels: ''
-assignees: ''
 
+title: ""
+labels: ""
+assignees: ""
 ---
 
 ### 🚀 이슈 유형
+
 - [ ] 기능 추가
 - [ ] 버그 수정
 - [ ] 리팩토링
@@ -16,9 +17,11 @@ assignees: ''
 ---
 
 ### ✨ 기능
+
 어떤 기능을 구현할지 간단히 작성해주세요.
 
 ---
 
 ### 📎 참고 자료
+
 피그마, 노션, 스크린샷, 관련 링크 등 있으면 첨부해주세요.

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,17 @@
+### 💡 To Reviewers
+- 해당 브랜치에서 새롭게 설치한 라이브러리가 있다면 함께 명시해 주세요.
+- 리뷰어가 코드를 이해하는 데 도움이 되는 정보나 참고사항이 있다면 자유롭게 작성해 주세요.
+
+### 🔥 작업 내용 (가능한 구체적으로 작성해 주세요)
+- 메인 페이지 리스트 컴포넌트 구현
+- 헤더 구현
+
+### 🤔 추후 작업 예정
+- 추가 구현이 필요한 부분이나 다음 작업 계획을 작성해 주세요.
+
+### 📸 작업 결과 (스크린샷)
+- 작업 결과를 보여주는 스크린샷을 첨부해 주세요.
+
+### 🔗 관련 이슈
+- 브랜치 생성 시 연결했던 이슈 번호를 작성해 주세요.
+- 예: closed #2

.github/workflows/deploy.yml

@@ -0,0 +1,32 @@
+name: Deploy
+
+on:
+  push:
+    branches: ['main']
+
+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.AUTO_ACTIONS }}
+        with:
+          source-directory: 'output'
+          destination-github-username: psm1st
+          destination-repository-name: checkmoFE
+          user-email: ${{ secrets.EMAIL }}
+          commit-message: ${{ github.event.commits[0].message }}
+          target-branch: main
+      - name: Test get variable exported by push-to-another-repository
+        run: echo $DESTINATION_CLONED_DIRECTORY

.github/workflows/pr-merge-cleanup.yml

@@ -0,0 +1,67 @@
+name: PR Merge Cleanup
+
+on:
+  pull_request:
+    types:
+      - closed
+
+jobs:
+  cleanup-after-merge:
+    if: >
+      github.event.pull_request.merged == true &&
+      (
+        github.event.pull_request.base.ref == 'dev' ||
+        github.event.pull_request.base.ref == 'main'
+      )
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+      contents: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Close linked issues via gh CLI
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          PR_BODY: ${{ github.event.pull_request.body }}
+        shell: bash
+        run: |
+          echo "🔍 PR 내용에서 이슈 닫는 키워드를 찾는 중..."
+          issue_count=0
+          failed_count=0
+
+          # 이슈 번호 추출 및 중복 제거
+          issue_numbers=$(printf '%s' "$PR_BODY" | tr -d '\r' | grep -Eoi '(close[sd]?|fix(e[sd])?|resolve[sd]?) #[0-9]+' | grep -oE '#[0-9]+' | tr -d '#' | sort -u)
+
+          if [ -z "$issue_numbers" ]; then
+            echo "ℹ️  PR 본문에서 닫을 이슈를 찾지 못했습니다."
+            exit 0
+          fi
+
+          # 각 이슈 처리
+          while IFS= read -r issue_number; do
+            if [ -n "$issue_number" ]; then
+              echo "➡️  닫는 중: #$issue_number"
+              if gh issue close "$issue_number" --reason completed --repo "$GITHUB_REPOSITORY"; then
+                echo "✅ 이슈 #$issue_number 닫기 완료"
+                issue_count=$((issue_count + 1))
+              else
+                echo "⚠️  이슈 #$issue_number 닫기 실패 (이슈가 존재하지 않거나 권한이 없을 수 있습니다)"
+                failed_count=$((failed_count + 1))
+              fi
+            fi
+          done <<< "$issue_numbers"
+
+          echo "📊 처리 결과: 성공 $issue_count개, 실패 $failed_count개"
+
+      - name: Delete source branch
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          BRANCH_NAME: ${{ github.event.pull_request.head.ref }}
+        shell: bash
+        run: |
+          echo "🗑️  소스 브랜치 삭제 중: $BRANCH_NAME"
+          gh api repos/${{ github.repository }}/git/refs/heads/$BRANCH_NAME -X DELETE || echo "⚠️  브랜치 삭제 실패 또는 이미 삭제됨: $BRANCH_NAME"

.github/workflows/preview.yml

@@ -0,0 +1,43 @@
+name: Preview
+
+on:
+  pull_request:
+    branches: ['main']
+
+jobs:
+  vercel-preview:
+    runs-on: ubuntu-latest
+
+    env:
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest && npm install --global pnpm
+      - name: Get Vercel Environment Variables
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        id: deploy
+
+        run: |
+
+          vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} > vercel-output.txt
+          echo "preview_url=$(cat vercel-output.txt)" >> $GITHUB_OUTPUT
+
+      - name: Comment PR with Preview URL
+        uses: thollander/actions-comment-pull-request@v2
+        with:
+          message: |
+            ✅ PREVIEW ${{ steps.deploy.outputs.preview_url }}
+
+permissions:
+  contents: read
+  pages: write
+  deployments: write
+  id-token: write
+  issues: write
+  pull-requests: write

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

build.sh

@@ -0,0 +1,5 @@
+#!/bin/sh
+cd ../
+mkdir output
+cp -R ./FE/* ./output
+cp -R ./output ./FE/

eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

next.config.ts

@@ -0,0 +1,8 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+  reactCompiler: true,
+};
+
+export default nextConfig;

package.json

@@ -0,0 +1,30 @@
+{
+  "name": "checkmo",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "next": "16.0.1",
+    "react": "19.2.0",
+    "react-dom": "19.2.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.1.17",
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "autoprefixer": "^10.4.21",
+    "babel-plugin-react-compiler": "1.0.0",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.1",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}