# Sales → MNG 연구개발 메뉴 통합 이관

**날짜:** 2026-03-20
**작업자:** Claude Code

## 변경 개요

`sales.sam.kr`에서 운영하던 연구개발/기획 관련 페이지 10개를 MNG 백오피스의 연구개발 메뉴 하위로 이관했다. standalone PHP → Laravel Blade 전환, MNG 톤앤매너 적용.

## 이관 대상 및 매핑

| # | 원본 (sales) | MNG 라우트 | 메뉴명 |
|---|-------------|-----------|--------|
| 1 | `debt/index.php` | `/rd/debt-collection` | 채권추심 프로세스 |
| 2 | `company/index.php` | `/rd/company-analysis` | 기업 분석 라이브러리 |
| 3 | `company/loudsourcing/index.php` | `/rd/company-analysis/loudsourcing` | (하위) 라우드소싱 |
| 4 | `company/peoplelife/index.php` | `/rd/company-analysis/peoplelife` | (하위) 피플라이프 |
| 5 | `company/looka/index.php` | `/rd/company-analysis/looka` | (하위) Looka vs Brandmark |
| 6 | `coocon/index.php` | `/rd/coocon-credit` | 기업신용 쿠콘 |
| 7 | `creditreport/index.php` | `/rd/coocon-credit/report` | (하위) 신용분석 리포트 |
| 8 | `etc/myoctopus.php` | `/rd/myoctopus` | 문어이미지 선발 |
| 9 | `Requestforcorrection/index.php` | `/rd/correction-request` | 경정청구 소개 |
| 10 | `barobill/index.php` | `/rd/barobill-plan` | 바로빌 API 기획서 |
| 11 | `plan/index.php` | `/rd/auto-quotation` | 견적서 자동기획 |

## 수정된 파일

| 파일 | 변경 내용 |
|------|----------|
| `app/Http/Controllers/RdController.php` | 11개 메소드 추가 (HX-Redirect 패턴) |
| `routes/web.php` | rd prefix 그룹에 11개 라우트 추가 |
| `resources/views/rd/debt-collection.blade.php` | 채권추심 4-Phase 워크플로우 |
| `resources/views/rd/company-analysis/index.blade.php` | 기업분석 목록 (카드 그리드) |
| `resources/views/rd/company-analysis/loudsourcing.blade.php` | 라우드소싱 리포트 (탭 4개) |
| `resources/views/rd/company-analysis/peoplelife.blade.php` | 피플라이프 리포트 (Chart.js + Plotly) |
| `resources/views/rd/company-analysis/looka.blade.php` | Looka vs Brandmark 비교 (탭 4개) |
| `resources/views/rd/coocon-credit/index.blade.php` | 쿠콘 기업분석 (Chart.js 3개) |
| `resources/views/rd/coocon-credit/report.blade.php` | 신용분석 리포트 (Chart.js 3개 + 시뮬레이터) |
| `resources/views/rd/myoctopus.blade.php` | My Octopus 홍보 영상 (Vimeo 6개) |
| `resources/views/rd/correction-request.blade.php` | 경정청구 소개 (탭 8개, Chart.js) |
| `resources/views/rd/barobill-plan.blade.php` | 바로빌 API 통합기획서 (탭 4개, 모달 3개) |
| `resources/views/rd/auto-quotation.blade.php` | 견적서 자동기획 AI 워크플로우 |

## 스타일 변환 규칙

| 항목 | 원본 (sales) | MNG 이관 후 |
|------|-------------|------------|
| 레이아웃 | standalone HTML | `@extends('layouts.app')` |
| 아이콘 | Lucide / emoji | Remix Icon (`ri-*`) |
| 색상 | `slate-*` | `gray-*` |
| 카드 | `rounded-2xl shadow-lg` | `rounded-lg shadow-sm` |
| Nav/Footer | 자체 포함 | 레이아웃 제공 (제거) |
| CDN | Tailwind/Font CDN | 레이아웃에서 제공 |
| HTMX | 없음 | HX-Redirect 패턴 적용 |

## 가독성 이슈 해결

JS `innerHTML`로 동적 렌더링되는 요소에서 Tailwind 그라데이션 클래스(`bg-gradient-to-r`, `from-*`, `to-*`)가 빌드에 포함되지 않아 배경이 투명하게 렌더링되는 문제 발생. **inline style**로 배경색과 텍스트 색상을 강제 지정하여 해결.

```
❌ class="bg-gradient-to-r from-teal-600 to-emerald-700 text-white"  (JS innerHTML에서 빌드 누락)
✅ style="background: linear-gradient(to right, #0d9488, #047857); color: #fff;"
```

## DB 메뉴 등록

tinker로 `menus` 테이블에 직접 추가 (parent_id: 15556 = 연구개발):

| sort_order | 메뉴명 | URL |
|:----------:|--------|-----|
| 0 | 대시보드 | `/rd` |
| 9 | 채권추심 프로세스 | `/rd/debt-collection` |
| 10 | 기업 분석 라이브러리 | `/rd/company-analysis` |
| 11 | 기업신용 쿠콘 | `/rd/coocon-credit` |
| 12 | 문어이미지 선발 | `/rd/myoctopus` |
| 13 | 경정청구 소개 | `/rd/correction-request` |
| 14 | 바로빌 API 기획서 | `/rd/barobill-plan` |
| 15 | 견적서 자동기획 | `/rd/auto-quotation` |

## 관련 문서

- `system/migration-status.md` — MNG→서비스 이관 현황