# 아이데이션 리포트

## 1. 프로젝트 분석 요약

### 주요 요구사항
- 기존 홈페이지의 디자인과 메뉴 구조를 최대한 유지합니다.
- 구버전 jQuery 및 jQuery UI 보안 취약점 이슈를 해소합니다.
- 화면 깨짐, 메뉴 오작동, 팝업, 슬라이더 오류 없이 운영 가능한 새 버전을 제공합니다.
- 본사 보안 스캔에서 지적된 항목을 해결했다는 근거를 제시합니다.
- 조치 이후 일반적인 홈페이지 유지보수까지 이어질 수 있는 구조를 만듭니다.

### 필수 요소
- 현재 운영 페이지와 동일한 정보 구조 분석
- 기존 자료, 상품, 뉴스, 다운로드 데이터 이관
- React 기반 정적 페이지 또는 경량 프론트엔드 재구축
- 관리자와 DB 필요 여부를 미팅에서 확정할 수 있는 단계형 견적 전략
- 배포 후 보안 스캔 대응용 조치 내역서 제공

### 핵심 집중 포인트
클라이언트의 진짜 목표는 단순한 버전 교체가 아니라, 본사 보안 검수를 통과하면서도 리뉴얼 비용을 피하는 것입니다. 따라서 “구버전 스크립트만 교체하겠습니다”보다 “기존 디자인을 유지한 새 버전으로 안전하게 재구축하겠습니다”가 더 설득력 있습니다.

### 필요 기술 스택
- Frontend: React, Vite, TypeScript, CSS Modules
- Static Data: JSON 기반 콘텐츠 이관
- Optional Backend: Supabase 또는 경량 CMS
- Deploy: Cloudflare Pages 또는 Vercel
- QA: Chrome, Edge, Mobile View, Lighthouse, 보안 스캔 대응 체크리스트

## 2. 전략적 역제안

### 제안 전략
기존 홈페이지를 300만원 기준으로 새 버전으로 재구축합니다. 단순 패치보다 결과가 명확하고, 구버전 jQuery 위험을 제거할 수 있습니다. DB, 관리자, 게시물 등록 기능이 꼭 필요하면 미팅에서 범위를 확정하되, 전체 금액은 500만원 선 안에서 맞추겠다는 안심 조건을 제시합니다.

### 클라이언트가 받는 결과물
- 기존 디자인을 유지한 신규 홈페이지
- React 기반의 최신 프론트엔드 소스
- 상품, 프로젝트, 뉴스, 다운로드 데이터 이관본
- DB 필요 기능 분류표
- 보안 조치 내역서
- 배포 및 운영 인수 문서

### idealabs 시너지
idealabs는 단순 퍼블리싱이 아니라, 운영 중인 레거시 웹사이트를 안전하게 분해하고 새 구조로 재조립하는 방식으로 접근합니다. 클라이언트는 리뉴얼 수준의 큰 비용 없이 보안 이슈와 노후 구조를 동시에 해결할 수 있습니다.

## 3. 프로젝트 키컬러
- HEX: #0284C7
- HSL: hsl(201, 98%, 39%)
- 컬러명: Industrial Cooling Blue
- 선정 이유: 냉동공조, 산업 설비, 글로벌 제조 기업의 정밀함과 안정성을 표현하기 위해 선명한 산업용 블루를 선택했습니다.

## 4. 데이터 주입 설계안
- 포털: 제안서, 와이어프레임, 데모를 한 번에 확인하는 허브
- 제안서: 300만원 재구축, 최대 500만원 상한, 보안형 리빌드 전략 강조
- 와이어프레임: 현행 홈페이지 사용자, 콘텐츠 관리자, 본사 검수 담당자 흐름 구성
- 데모: 기존 문제 확인, 새 구조 적용, DB 필요 범위 분류, 최종 검수 리포트 흐름 체험

## 5. 슬라이드별 상세 구성안
1. 기존 디자인 유지, 보안형 새 버전 재구축 제안
2. 현행 사이트의 핵심 위험과 클라이언트 목표 정의
3. 단순 jQuery 교체보다 안전한 재구축 접근
4. React 정적 사이트와 선택형 DB 구조
5. 화면, 데이터, 파일 다운로드 이관 방식
6. 분석, 재구축, 검수, 배포 워크플로우
7. 15일 수행 일정과 300만원 기준 견적
8. DB가 늘어나도 500만원 선 안에서 맞추는 안심 제안