#49 chore: Github Actions CI/CD 파이프라인 구축

.github/template/release-drafter.yml

@@ -0,0 +1,48 @@
+name-template: 'v$RESOLVED_VERSION'
+tag-template: 'v$RESOLVED_VERSION'
+version-template: $MAJOR.$MINOR.$PATCH
+
+categories:
+  - title: '🚀 기능 추가'
+    labels:
+      - 'feat'
+  - title: '♻️ 리팩토링'
+    labels:
+      - 'refactor'
+  - title: '🐛 버그 수정'
+    labels:
+      - 'fix'
+  - title: '🧰 그 외'
+    labels:
+      - 'chore'
+      - 'ci/cd'
+      - 'docs'
+      - 'style'
+      - 'build'
+      - 'common'
+      - 'test'
+
+version-resolver:
+  major:
+    labels:
+      - 'major'
+  minor:
+    labels:
+      - 'minor'
+  patch:
+    labels:
+      - 'patch'
+  default: minor
+
+exclude-labels:
+  - 'Release'
+
+change-template: '- $TITLE (#$NUMBER) - @$AUTHOR'
+change-title-escapes: '\\<*_&'
+
+template: |
+  ## ✨ 변경 사항
+  $CHANGES
+
+  ## 📦 전체 변경 이력
+  [$PREVIOUS_TAG ~ v$RESOLVED_VERSION](<https://github.com/$OWNER/$REPOSITORY/compare/$PREVIOUS_TAG...v$RESOLVED_VERSION>)

.github/workflows/ci-cd.yml

@@ -0,0 +1,58 @@
+name: CI/CD Pipeline
+
+on:
+  push:
+    branches: [develop, main]
+  pull_request:
+    branches: [develop, main]
+
+# 동일한 브랜치에서 새로운 Push가 발생하면 이전 실행을 취소하여 자원 절약
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Lint
+        run: pnpm lint
+
+      - name: Build
+        run: pnpm build
+        env:
+          VITE_KAKAO_REST_API_KEY: ${{ secrets.VITE_KAKAO_REST_API_KEY }}
+          VITE_KAKAO_REDIRECT_URI: ${{ secrets.VITE_KAKAO_REDIRECT_URI }}
+          VITE_API_BASE_URL: ${{ secrets.VITE_API_BASE_URL }}

.github/workflows/release-drafter.yml

@@ -0,0 +1,36 @@
+name: Release Drafter
+
+on:
+  push:
+    branches:
+      - release/*
+      - main
+  # PR 이벤트 추가로 자동화 범위 확대
+  pull_request:
+    types: [opened, reopened, synchronize]
+
+permissions:
+  contents: write
+  pull-requests: read
+
+jobs:
+  update_release_draft:
+    runs-on: ubuntu-latest
+    steps:
+      # Checkout 단계 제거 (불필요한 작업 생략)
+      - name: Update Draft Release
+        if: startsWith(github.ref, 'refs/heads/release/') || github.event_name == 'pull_request'
+        uses: release-drafter/release-drafter@v6
+        with:
+          config-name: template/release-drafter.yml
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Publish Release
+        if: github.ref == 'refs/heads/main' && github.event_name == 'push'
+        uses: release-drafter/release-drafter@v6
+        with:
+          config-name: template/release-drafter.yml
+          publish: true
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

src/entities/course/model/types.ts

@@ -1,9 +1,6 @@
 import type {Assignment} from '@/entities/assignment/model/types';
 import type {ApiResponse, SemesterCode} from '@/shared/model/common';
 
-export type {Assignment};
-export type {SemesterCode, SubmissionStatus} from '@/shared/model/common';
-
 /**
  * 일정(Schedule) 인터페이스 정의
  */

src/pages/course-overview/ui/AssignmentList.tsx

@@ -1,6 +1,6 @@
 import Badge from '@/shared/ui/Badge';
 import {Link} from 'react-router-dom';
-import type {Assignment} from '@/entities/course/model/types';
+import type {Assignment} from '@/entities/assignment/model/types';
 
 interface AssignmentListProps {
   isOpen?: boolean;

src/pages/course-overview/ui/CourseHero.tsx

@@ -2,7 +2,8 @@ import snowcodeOverviewMini from '@/assets/images/snowcode_overview_mini.svg';
 import {formatCourseTerm} from '@/shared/lib/course';
 import CourseActionsBar from './CourseActionsBar';
 import {useUserStore} from '@/entities/auth/model/useUserStore';
-import type {CourseOverview, SemesterCode} from '@/entities/course/model/types';
+import type {CourseOverview} from '@/entities/course/model/types';
+import type {SemesterCode} from '@/shared/model/common';
 
 interface CourseHeroProps {
   courseData: Omit<CourseOverview, 'units'>;

src/pages/select-assignment/AssignmentSelectPage.tsx

@@ -1,6 +1,9 @@
 import AssignmentListContainer from './ui/AssignmentListContainer';
 import {useState} from 'react';
-import {response, courseOptionsResponse} from '@/shared/mocks/assignmentSelectResponse';
+import {
+  response,
+  courseOptionsResponse,
+} from '@/shared/mocks/assignmentSelectResponse';
 import {useCourseFilter} from '@/features/course/filter-course/lib/useCourseFilter';
 import {AssignmentPageLayout} from '@/widgets/assignment-page-layout';
 import SelectableItem from '@/shared/ui/SelectableItem';

src/shared/lib/course.ts

@@ -1,4 +1,5 @@
-import type {SemesterCode, Unit} from '@/entities/course/model/types';
+import type {Unit} from '@/entities/course/model/types';
+import type {SemesterCode} from '@/shared/model/common';
 
 const SEMESTER_MAP: Record<SemesterCode, '1' | '2' | '여름' | '겨울'> = {
   FIRST: '1',

src/shared/ui/Badge.tsx

@@ -84,7 +84,7 @@ const Badge = (props: BadgeProps) => {
       );
 
     // 인덱스 배지 (단원, 문제 등)
-    case 'index':
+    case 'index': {
       const suffix = props.kind === 'unit' ? '단원' : ' 문제';
 
       return (
@@ -93,9 +93,10 @@ const Badge = (props: BadgeProps) => {
           {suffix}
         </span>
       );
+    }
 
     // 제출 상태 배지
-    case 'submission':
+    case 'submission': {
       const {label, icon} = SubmissionMeta[props.status!];
 
       return (
@@ -106,6 +107,7 @@ const Badge = (props: BadgeProps) => {
           {icon} {label}
         </span>
       );
+    }
   }
 };
 

src/shared/ui/SelectableItem.tsx

@@ -1,6 +1,6 @@
 import {tv, type VariantProps} from 'tailwind-variants';
 
-export const selectableItemStyles = tv({
+const selectableItemStyles = tv({
   base: 'cursor-pointer bg-background w-full flex items-center rounded-[9px] pl-4.5 pr-7.5 py-4 gap-4 border',
   variants: {
     selected: {