[FE] [FIX]: RichTextEditor 빌드 및 배포 조건 수정 (#380)

[twq110]

Summary by CodeRabbit

• 새로운 기능

  • 게시글 편집기에서 동영상 파일을 업로드하고 본문에 삽입할 수 있습니다.
  • 동영상 업로드 결과가 편집기에 링크로 자동 반영됩니다.

• 개선 사항

  • 프론트엔드 변경 사항을 자동으로 검증하는 빌드 절차가 추가되었습니다.
  • 백엔드·프론트엔드 및 Compose 설정 변경을 감지해 배포 과정이 더욱 안정적으로 실행됩니다.
  • 필요한 경우 배포 및 프론트엔드 검증 작업을 수동으로 실행할 수 있습니다.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 48b5a8c7-cb29-400f-b42f-df5e69d3fef2

📥 Commits

Reviewing files that changed from the base of the PR and between 9c63e7a and f2a36f5.

📒 Files selected for processing (3)

• .github/workflows/deploy.yml
• .github/workflows/frontend-ci.yml
• frontend/src/components/Board/RichTextEditor.jsx

---

Walkthrough

배포 워크플로가 경로별 빌드와 Compose 변경 감지를 지원합니다. 프론트엔드 전용 CI가 추가되었습니다. RichTextEditor는 비디오 업로드 입력과 콜백을 지원하며 기존 일부 제어 함수가 제거되었습니다.

Changes

배포 및 프론트엔드 CI

Layer / File(s)	Summary
배포 조건 및 경로 감지 .github/workflows/deploy.yml	Compose 변경 출력을 추가했습니다. 백엔드와 프론트엔드 빌드는 관련 경로 변경 또는 수동 실행 시 수행됩니다. 배포는 빌드 상태와 Compose 변경 여부를 함께 확인합니다.
프론트엔드 CI 실행 .github/workflows/frontend-ci.yml	main 대상 pull request와 수동 실행을 지원합니다. Node.js 20을 설정하고 frontend에서 의존성 설치와 npm run build를 실행합니다.

리치 텍스트 편집기 비디오 업로드

Layer / File(s)	Summary
비디오 업로드 입력 연결 frontend/src/components/Board/RichTextEditor.jsx	비디오 업로드 아이콘과 onUploadVideo prop을 추가했습니다. 비디오 파일 입력을 위한 ref와 기본 글자 크기 상수를 추가했습니다.
기존 편집기 제어 제거 frontend/src/components/Board/RichTextEditor.jsx	기존 링크 입력 함수와 전체 서식 초기화 함수를 제거했습니다.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Possibly related issues

• SISC-IT/sisc-web 이슈 380 — RichTextEditor.jsx와 배포 워크플로의 프론트엔드 빌드 및 경로 조건 변경과 직접 관련됩니다.

Possibly related PRs

• SISC-IT/sisc-web#368 — RichTextEditor.jsx의 기존 리치 텍스트 편집기 구현과 코드가 겹칩니다.
• SISC-IT/sisc-web#374 — 동일한 편집기의 비디오 업로드와 툴바 동작을 변경합니다.

Suggested reviewers: discipline24

Poem

토끼가 편집기에 비디오를 심고
배포 길에 Compose 표식을 남겼네.
프론트엔드 빌드가 당근처럼 익고
CI가 깡충 검사를 시작하네.
새로운 입력이 글 속에서 반짝이네.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch 20260810-#380-rich-text-editor-deploy-fix

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}