main 반영

.github/workflows/deploy-prod.yml

@@ -97,6 +97,7 @@ jobs:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_PASSWORD }}
 
+      - name: Docker image build and push
       - name: Docker image build and push
         run: |
           set -euo pipefail
@@ -108,12 +109,22 @@ jobs:
           docker push "${{ steps.meta.outputs.frontend_image }}"
           docker push "${FRONTEND_IMAGE_REPOSITORY}:prod"
           docker push "${FRONTEND_IMAGE_REPOSITORY}:latest-prod"
+          set -euo pipefail
+          docker build -f Dockerfile.prod \
+            -t "${{ steps.meta.outputs.frontend_image }}" \
+            -t "${FRONTEND_IMAGE_REPOSITORY}:prod" \
+            -t "${FRONTEND_IMAGE_REPOSITORY}:latest-prod" \
+            .
+          docker push "${{ steps.meta.outputs.frontend_image }}"
+          docker push "${FRONTEND_IMAGE_REPOSITORY}:prod"
+          docker push "${FRONTEND_IMAGE_REPOSITORY}:latest-prod"
 
+  deploy-image-to-server:
   deploy-image-to-server:
     runs-on: ubuntu-latest
     needs: build-and-push-image
     env:
-      FRONTEND_IMAGE: zerooneitkr/zeroone-frontend:${{ needs.build-and-push-image.outputs.frontend_version }}-${{ needs.build-and-push-image.outputs.frontend_commit }}
+      FRONTEND_IMAGE: ${{ needs.build-and-push-image.outputs.frontend_image }}
       RELEASE_ID: ${{ needs.build-and-push-image.outputs.release_id }}
       DEPLOYED_AT: ${{ needs.build-and-push-image.outputs.deployed_at }}
       FRONTEND_COMMIT: ${{ needs.build-and-push-image.outputs.frontend_commit }}
@@ -150,6 +161,17 @@ jobs:
           node-version: '20'
           cache: 'yarn'
 
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'yarn'
+
       - name: Install cloudflared
         run: |
           echo "Downloading cloudflared..."
@@ -247,16 +269,15 @@ jobs:
       - name: Deploy frontend image to production server
         run: |
           set -euo pipefail
-          : "${FRONTEND_IMAGE:?FRONTEND_IMAGE is required}"
-          sshpass -p '${{ secrets.SSH_PASSWORD }}' ssh ssh.zeroone.it.kr \
-            "FRONTEND_IMAGE='$FRONTEND_IMAGE' bash -s" << 'EOF'
-            set -euo pipefail
+          sshpass -p '${{ secrets.SSH_PASSWORD }}' ssh ssh.zeroone.it.kr bash << 'EOF'
+            set -e
             SUDO_PASSWORD='${{ secrets.SSH_PASSWORD }}'
-            : "${FRONTEND_IMAGE:?FRONTEND_IMAGE is required}"
+            FRONTEND_IMAGE='${{ needs.build-and-push-image.outputs.frontend_image }}'
 
-            echo "사용하지 않는 이미지, 네트워크 정리 중 (실행 중 컨테이너 보존, 볼륨 제외)..."
-            echo "$SUDO_PASSWORD" | sudo -S docker image prune -f || true
-            echo "$SUDO_PASSWORD" | sudo -S docker network prune -f || true
+            echo "사용하지 않는 컨테이너, 이미지, 네트워크 정리 중 (볼륨제외)..."
+            echo "$SUDO_PASSWORD" | sudo -S docker stop frontend-prod || true
+            echo "$SUDO_PASSWORD" | sudo -S docker rm frontend-prod || true
+            echo "$SUDO_PASSWORD" | sudo -S docker system prune -a -f
 
             cd ~/front/study-platform-client-prod || {
               echo "디렉토리가 없습니다. 생성합니다..."
@@ -289,14 +310,14 @@ jobs:
               restart: unless-stopped
           COMPOSE
 
-            echo "도커 이미지 pull: $FRONTEND_IMAGE"
-            echo "$SUDO_PASSWORD" | sudo -S docker pull "$FRONTEND_IMAGE"
-
             echo "기존 컨테이너 교체"
             echo "$SUDO_PASSWORD" | sudo -S docker compose -f docker-compose.prod.yml down || true
             echo "$SUDO_PASSWORD" | sudo -S docker stop frontend-prod || true
             echo "$SUDO_PASSWORD" | sudo -S docker rm frontend-prod || true
 
+            echo "도커 이미지 pull: $FRONTEND_IMAGE"
+            echo "$SUDO_PASSWORD" | sudo -S docker pull "$FRONTEND_IMAGE"
+
             echo "도커 컴포즈 재시작"
             echo "$SUDO_PASSWORD" | sudo -S docker compose -f docker-compose.prod.yml up -d
             echo "$SUDO_PASSWORD" | sudo -S docker system prune -f || true

.gitignore

@@ -61,4 +61,9 @@ e2e/fixtures/auth.json
 playwright-report/
 test-results/
 
-.claude/
+.claude/commands
+.claude/agents
+.claude/skills
+.playwright-mcp
+.omc
+/docs

e2e/class/journey-map.spec.ts

@@ -423,7 +423,7 @@ test.describe('안내창 상태 렌더링 @auth', () => {
     await expect(page.getByText(/NEXT → Lesson 02/)).toBeVisible();
     await expect(page.getByText('Chapter3까지 무료 코스!')).not.toBeVisible();
     await expect(
-      page.getByRole('link', { name: '결제하기' }),
+      page.getByRole('button', { name: '결제하기' }),
     ).not.toBeVisible();
   });
 
@@ -455,7 +455,7 @@ test.describe('안내창 상태 렌더링 @auth', () => {
     await expect(page.getByText(/NEXT → Lesson 01/)).toBeVisible();
     await expect(page.getByText('Chapter3까지 무료 코스!')).not.toBeVisible();
     await expect(
-      page.getByRole('link', { name: '결제하기' }),
+      page.getByRole('button', { name: '결제하기' }),
     ).not.toBeVisible();
   });
 
@@ -473,7 +473,7 @@ test.describe('안내창 상태 렌더링 @auth', () => {
     await gotoAndWaitForData(page);
 
     await expect(
-      page.getByRole('link', { name: '결제하기' }),
+      page.getByRole('button', { name: '결제하기' }),
     ).not.toBeVisible();
   });
 

e2e/class/payment.spec.ts

@@ -131,8 +131,8 @@
   page: Page,
   opts: {
     detail?: ReturnType<typeof makeCourseDetail>;
     prepare?: ReturnType<typeof makePaymentPrepare> | null;
     confirm?: ReturnType<typeof makePaymentConfirm> | null;
   } = {},
 ) {
   const detail = opts.detail ?? makeCourseDetail();
@@ -267,6 +267,7 @@
     page,
   }) => {
     await page.locator('input[name="tosAgreed"]').check({ force: true });
+    await page.locator('input[type="radio"][value="CARD"]').check();
     await page.getByPlaceholder('이름을 입력해주세요').fill('홍길동');
     await page.locator('#buyerEmail').fill('test@example.com');
     await page.getByPlaceholder('01012345678').fill('01012345678');

e2e/class/qna.spec.ts

@@ -13,6 +13,7 @@ const COURSE_ID = 1;
 const QNA_ID = 77;
 const QNA_LIST_PATH = '/class/vibe-intro/home?tab=qna';
 const QNA_DETAIL_PATH = `/class/vibe-intro/qa/${QNA_ID}`;
+const QNA_WRITE_PATH = '/class/vibe-intro/qna/write';
 
 // ─── Localhost auth cookie injection ─────────────────────────────────────────
 
@@ -235,3 +236,96 @@ test.describe('QnA 상세', () => {
     expect(page.url()).toContain('tab=qna');
   });
 });
+
+// ─── Chunk 3: QnA 작성 폼 유효성 검사 ────────────────────────────────────────
+
+test.describe('QnA 작성 폼 유효성 검사 @auth', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.route(/\/courses\//, async (route) => {
+      const url = route.request().url();
+      if (url.includes('/curriculum')) {
+        await route.fulfill({
+          json: {
+            content: {
+              courseId: COURSE_ID,
+              durationDays: 30,
+              totalChapters: 1,
+              totalLessons: 1,
+              chapters: [
+                {
+                  chapterId: 10,
+                  order: 1,
+                  chapterNumber: 1,
+                  title: '시작하기',
+                  description: null,
+                  estimatedMinutes: 18,
+                  lessons: [
+                    {
+                      lessonId: 101,
+                      order: 1,
+                      title: '기초 세팅',
+                      description: null,
+                      isFree: true,
+                      isLocked: false,
+                      estimatedMinutes: 18,
+                    },
+                  ],
+                },
+              ],
+            },
+          },
+        });
+      } else if (/\/courses\/vibe-intro$/.test(url)) {
+        await route.fulfill({ json: makeCourseDetail() });
+      } else {
+        await route.continue();
+      }
+    });
+    await page.goto(QNA_WRITE_PATH, { waitUntil: 'load' });
+  });
+
+  test('레슨 미선택 → 제출 버튼 비활성화', async ({ page }) => {
+    const submitBtn = page
+      .getByRole('button', { name: /등록|제출|질문/ })
+      .first();
+    await expect(submitBtn).toBeDisabled({ timeout: 5000 });
+  });
+
+  test('내용 입력 후 제출 → POST /courses/{courseId}/qnas 호출', async ({
+    page,
+  }) => {
+    await page.route(/\/qnas/, async (route) => {
+      if (route.request().method() === 'POST') {
+        await route.fulfill({ json: { content: { qnaId: QNA_ID } } });
+      } else {
+        await route.continue();
+      }
+    });
+
+    // Open lesson selector and pick first option
+    const selector = page.locator('select, [role="combobox"]').first();
+    await selector.click();
+    const firstOption = page.getByRole('option').first();
+    if (await firstOption.isVisible({ timeout: 2000 }).catch(() => false)) {
+      await firstOption.click();
+    }
+
+    await page
+      .locator('textarea, [contenteditable="true"]')
+      .first()
+      .fill('레슨을 수강하며 궁금한 점이 생겼습니다.');
+
+    const [response] = await Promise.all([
+      page.waitForResponse(
+        (r) => r.url().includes('/qnas') && r.request().method() === 'POST',
+        { timeout: 5000 },
+      ),
+      page
+        .getByRole('button', { name: /등록|제출|질문/ })
+        .first()
+        .click(),
+    ]);
+
+    expect(response.status()).toBe(200);
+  });
+});

e2e/group-study/create.spec.ts

@@ -134,7 +134,7 @@ test.describe('멘토스터디 개설 @auth', () => {
 
   test('PREMIUM_STUDY 가격 필드 포함 전체 제출', async ({ page }) => {
     await openPremiumStudyModal(page);
-    await fillStep1(page);
+    await fillStep1(page, 'MENTOR_STUDY');
 
     const priceInput = page.getByPlaceholder('10,000');
     await priceInput.fill('50000');

src/app/(class-lesson)/class/vibe-intro/lesson/[id]/_components/curriculum-drawer.tsx → src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/curriculum-drawer.tsx

@@ -18,13 +18,14 @@ interface Props {
   open: boolean;
   onClose: () => void;
   courseTitle: string;
+  courseSlug: string;
   chapters: CourseDrawerChapterResponse[];
   expandedChapters: Set<number>;
   onToggleChapter: (chapterId: number) => void;
   isLoading?: boolean;
 }
 
-const ASSET = '/class/vibe-intro/curriculum';
+const ASSET = '/class/curriculum';
 
 function LessonBadge({ lesson }: { lesson: CourseDrawerLessonResponse }) {
   const accessible = !lesson.isLocked;
@@ -126,8 +127,10 @@ function ChapterHeader({
 
 function ChapterLessons({
   lessons,
+  courseSlug,
 }: {
   lessons: CourseDrawerLessonResponse[];
+  courseSlug: string;
 }) {
   return (
     <div className="relative bg-background-default pb-250 pt-375">
@@ -140,7 +143,7 @@ function ChapterLessons({
           return (
             <li key={lesson.lessonId}>
               <Link
-                href={`/class/vibe-intro/lesson/${lesson.lessonId}`}
+                href={`/class/${courseSlug}/lesson/${lesson.lessonId}`}
                 className="relative flex min-w-0 items-center gap-200 py-175 pl-550"
               >
                 <Image
@@ -176,6 +179,7 @@ export function CurriculumDrawer({
   open,
   onClose,
   courseTitle,
+  courseSlug,
   chapters,
   expandedChapters,
   onToggleChapter,
@@ -238,7 +242,12 @@ export function CurriculumDrawer({
                       expanded={expanded}
                       onToggle={() => onToggleChapter(chapter.chapterId)}
                     />
-                    {expanded && <ChapterLessons lessons={chapter.lessons} />}
+                    {expanded && (
+                      <ChapterLessons
+                        lessons={chapter.lessons}
+                        courseSlug={courseSlug}
+                      />
+                    )}
                   </div>
                 );
               })}

src/app/(class-lesson)/class/vibe-intro/lesson/[id]/_components/lesson-builder-feed-card.tsx → src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/lesson-builder-feed-card.tsx

@@ -3,17 +3,17 @@
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import Image from 'next/image';
 import { useState } from 'react';
-import {
-  AuthorAvatar,
-  ROLE_LABELS,
-  RoleBadge,
-} from '@/app/(landing)/class/vibe-intro/_components/builder-feed-utils';
 import { cn } from '@/components/common/ui/(shadcn)/lib/utils';
 import {
   FeedCommentIcon,
   FeedHeartIcon,
   FeedShareIcon,
 } from '@/components/common/ui/icons/course-icons';
+import {
+  AuthorAvatar,
+  ROLE_LABELS,
+  RoleBadge,
+} from '@/components/pages/class/utils/builder-feed-utils';
 import type { BuilderFeedPreviewItemResponse } from '@/types/api/course.types';
 
 interface Props {

src/app/(class-lesson)/class/vibe-intro/lesson/[id]/_components/lesson-builder-feed-detail-modal.tsx → src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/lesson-builder-feed-detail-modal.tsx

@@ -2,13 +2,13 @@
 
 import { Heart, MessageCircle, X } from 'lucide-react';
 import Image from 'next/image';
+import MarkdownContentCore from '@/components/common/ui/rich-text/markdown-content-core';
 import {
   AuthorAvatar,
   formatRelativeTime,
   ROLE_LABELS,
   RoleBadge,
-} from '@/app/(landing)/class/vibe-intro/_components/builder-feed-utils';
-import MarkdownContentCore from '@/components/common/ui/rich-text/markdown-content-core';
+} from '@/components/pages/class/utils/builder-feed-utils';
 import { useGetBuilderFeedDetail } from '@/hooks/queries/course/course-api';
 
 interface Props {

src/app/(class-lesson)/class/vibe-intro/lesson/[id]/_components/lesson-rating-box.tsx → src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/lesson-rating-box.tsx

@@ -37,8 +37,8 @@ export function RatingBox({ rating, onChange }: Props) {
             <Image
               src={
                 star <= display
-                  ? '/class/vibe-intro/star-enabled.svg'
-                  : '/class/vibe-intro/star-disabled.svg'
+                  ? '/class/star-enabled.svg'
+                  : '/class/star-disabled.svg'
               }
               alt=""
               aria-hidden="true"

src/app/(class-lesson)/class/vibe-intro/lesson/[id]/_components/lesson-review-form.tsx → src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/lesson-review-form.tsx

@@ -284,7 +284,7 @@ export function LessonReviewForm({
       >
         {submitDisabled && (
           <Image
-            src="/class/vibe-intro/lesson-lock.svg"
+            src="/class/lesson-lock.svg"
             alt=""
             aria-hidden="true"
             width={24}

src/app/(class-lesson)/class/vibe-intro/lesson/[id]/_components/lesson-top-bar.tsx → src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/lesson-top-bar.tsx

@@ -30,7 +30,7 @@ export function LessonTopBar({
         className="group flex h-800 w-800 shrink-0 flex-col items-center justify-center gap-25 bg-background-brand-default text-text-inverse"
       >
         <Image
-          src="/class/vibe-intro/checklist.svg"
+          src="/class/checklist.svg"
           alt=""
           aria-hidden="true"
           width={32}