zioinfo-mail/testcase/TC-SI-01_지오인포홈페이지리뉴얼_zioinfo.md

# TC-SI-01 지오인포(주) 홈페이지 리뉴얼 — SI 프로젝트 테스트케이스

**고객**: 지오인포(주) (GUARDiA 개발사)  
**프로젝트**: 홈페이지 리뉴얼 SI  
**현행 소스**: `C:\GUARDiA\zioinfo\`  
**작성일**: 2026-05-25  
**관련 GUARDiA 모듈**: SI 프로젝트 관리 (`/api/si/projects`)

---

## 현행(AS-IS) 사이트 분석

| 항목 | 현행 상태 | 문제점 |
|------|----------|--------|
| 인코딩 | EUC-KR | UTF-8 전환 필요, 글자 깨짐 발생 |
| 레이아웃 | 테이블 기반 고정폭 950px | 모바일 불가, 반응형 미지원 |
| 네비게이션 | Flash SWF + GIF 이미지맵 | Flash 2020년 공식 종료, 렌더 불가 |
| 기술스택 | 정적 HTML (.htm) | CMS 없음, 콘텐츠 수정 시 개발자 의존 |
| 보안 | HTTP | HTTPS 미적용 |
| 접근성 | 이미지 텍스트(alt 미흡) | 웹 접근성 지침(WCAG 2.1) 미준수 |
| 제품 라인업 | BI / CRM / EIP / ERP / 검색솔루션 | GUARDiA ITSM 미반영 |
| 채용 | 정적 HTML 폼 | 온라인 지원 기능 없음 |

### 현행 메뉴 구조 (5대 메뉴 · 30개 페이지)

```
메인 (index.htm)
├── 회사소개 (company/)
│   ├── 인사말 (greeting.htm)
│   ├── 조직도 (organization.htm)
│   ├── 연혁   (history.htm)
│   ├── 오시는길 (road.htm)
│   ├── 파트너사 (partner.htm)
│   └── 아이디어제안 (idea.htm)
├── 제품소개 (product/)
│   ├── ERP (erp.htm)
│   ├── BI  (bi.htm)
│   ├── CRM (crm.htm)
│   ├── EIP (eip.htm)
│   ├── 검색솔루션 (search.htm)
│   ├── 제품비교 (compare.htm)
│   └── 도입사례 (experience.htm)
├── 고객지원 (customer/)
│   ├── 서비스안내 (service.htm)
│   ├── FAQ (faq.htm)
│   ├── 자료실 (information.htm)
│   ├── 마케팅자료 (marketing.htm)
│   ├── 광고자료 (advertisement.htm)
│   └── 카탈로그 (catalog.htm)
├── 채용정보 (recruit/)
│   ├── 채용공고 (recruit.htm)
│   ├── 담당업무 (duty.htm)
│   ├── 자격요건 (ability.htm)
│   ├── 복리후생 (welfare.htm)
│   ├── 지원양식 (engagement.htm)   ← 정적 폼, 실제 제출 불가
│   ├── 도움말  (helper.htm)
│   └── 자원봉사 (volunteer.htm)
└── 커뮤니티 (community/)
    ├── 공지사항 (notice.htm)
    ├── 뉴스    (news.htm)
    ├── 이벤트  (event.htm)
    ├── Q&A    (qna.htm)
    └── 자유게시판 (freeboard.htm)
```

---

## 1단계 — 분석 (Analysis)

### TC-SI-01-ANA-001: 현행 시스템 분석 (AS-IS)

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-ANA-001 |
| **분류** | 분석 / 현행시스템분석 |
| **목적** | 현행 사이트 전체 기능·구조 인벤토리 및 문제점 도출 |
| **사전조건** | `C:\GUARDiA\zioinfo\` 소스 접근 가능 |

**점검 항목**

- [ ] 전체 .htm 파일 목록 수집 및 메뉴 구조 매핑 (총 37개 파일 확인)
- [ ] Flash SWF 파일 목록 확인 (`swf/` 디렉터리)
- [ ] EUC-KR 인코딩 페이지 전수 확인
- [ ] 깨진 이미지/링크 검출 (`href="#"` 미연결 링크 다수 확인)
- [ ] 정적 폼(채용 지원양식 `engagement.htm`) 실제 제출 여부 확인
- [ ] CSS 파일 분석 (`css/link.css` 1개만 존재 — 확장성 없음)
- [ ] 자바스크립트 라이브러리 현황 (`js/TreeMenu.js`, `jscalendar-1.0`)

**기대 결과**  
AS-IS 분석 보고서 작성 완료, 문제점 목록 도출

---

### TC-SI-01-ANA-002: 요구사항 정의

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-ANA-002 |
| **분류** | 분석 / 요구사항수집및정의 |
| **목적** | 리뉴얼 후 달성해야 할 기능적·비기능적 요구사항 확정 |

**기능 요구사항 (REQ-F)**

| ID | 요구사항 | 우선순위 |
|----|---------|---------|
| REQ-F-001 | 반응형 웹 디자인 — 모바일(360px)/태블릿(768px)/PC(1280px) 대응 | HIGH |
| REQ-F-002 | 제품 라인업에 **GUARDiA ITSM** 추가 및 전용 소개 페이지 구성 | HIGH |
| REQ-F-003 | 게시판(공지·뉴스·Q&A·자유게시판) 동적 CMS 전환 — 관리자 직접 수정 | HIGH |
| REQ-F-004 | 채용 지원 폼 — 이메일 발송 또는 DB 저장 기능 (현행: 정적 폼, 미작동) | HIGH |
| REQ-F-005 | 카카오맵 API 연동 오시는길 | MEDIUM |
| REQ-F-006 | 자료실 파일 첨부/다운로드 기능 | MEDIUM |
| REQ-F-007 | 팝업/배너 관리자 설정 기능 | MEDIUM |
| REQ-F-008 | 사이트 내 통합검색 기능 | MEDIUM |
| REQ-F-009 | SNS 공유 버튼 (LinkedIn·Facebook·X) | LOW |
| REQ-F-010 | 다국어 지원 (한/영) — 영문 홈페이지 | LOW |

**비기능 요구사항 (REQ-NF)**

| ID | 요구사항 | 기준 |
|----|---------|------|
| REQ-NF-001 | HTTPS 적용 (Let's Encrypt 또는 상용 인증서) | 필수 |
| REQ-NF-002 | UTF-8 인코딩 전환 | 필수 |
| REQ-NF-003 | Flash 완전 제거 → HTML5/CSS3/JS 대체 | 필수 |
| REQ-NF-004 | 웹 접근성 준수 (WCAG 2.1 AA, 한국형 웹 접근성 지침 2.1) | 필수 |
| REQ-NF-005 | 페이지 로딩 속도 3초 이내 (Lighthouse Performance 80점 이상) | HIGH |
| REQ-NF-006 | 크로스브라우저 지원 — Chrome·Edge·Firefox·Safari (최신 2버전) | HIGH |
| REQ-NF-007 | SEO 기본 준수 — 메타태그, 구조화 데이터, 사이트맵 | MEDIUM |
| REQ-NF-008 | 관리자 페이지 RBAC (슈퍼어드민 / 콘텐츠 편집자) | MEDIUM |

**기대 결과**  
요구사항 명세서 v1.0 확정 및 고객사 서명

---

### TC-SI-01-ANA-003: TO-BE 메뉴 구조 확정

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-ANA-003 |
| **분류** | 분석 / 요구사항명세서확정 |
| **목적** | 리뉴얼 후 메뉴 구조(IA) 고객 승인 |

**TO-BE 메뉴 구조 (안)**

```
메인 (/)
├── 회사소개
│   ├── CEO 인사말
│   ├── 기업 비전 및 핵심가치       ← 신규
│   ├── 연혁
│   ├── 조직도
│   ├── 오시는길 (카카오맵 연동)
│   └── 파트너사
├── 제품/솔루션
│   ├── 🆕 GUARDiA ITSM           ← 신규 (대표 제품)
│   ├── ERP
│   ├── BI
│   ├── CRM
│   ├── EIP
│   ├── 검색솔루션
│   └── 도입사례
├── 고객지원
│   ├── 서비스 안내
│   ├── FAQ
│   ├── 자료실 (파일 다운로드)
│   └── 문의하기                   ← 채용·고객문의 통합
├── 채용정보
│   ├── 채용공고 (CMS)
│   ├── 인재상
│   ├── 복리후생
│   └── 지원하기 (폼 제출 기능)    ← 신규 기능
└── 커뮤니티
    ├── 공지사항 (CMS)
    ├── 뉴스/보도자료 (CMS)
    ├── 이벤트 (CMS)
    └── Q&A
```

**점검 항목**
- [ ] 현행 메뉴 대비 신규/변경/삭제 항목 목록 작성
- [ ] GUARDiA ITSM 제품 페이지 콘텐츠 초안 확인
- [ ] 고객사(지오인포 마케팅팀) 메뉴 구조 승인

---

## 2단계 — 설계 (Design)

### TC-SI-01-DES-001: 시스템 아키텍처 설계 검증

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-DES-001 |
| **분류** | 설계 / 시스템아키텍처설계 |
| **목적** | 기술 스택 및 인프라 구성 적정성 검토 |

**점검 항목**

| 레이어 | 현행 | TO-BE (권고안) |
|--------|------|----------------|
| Front-End | 정적 HTML + Flash SWF | HTML5 / CSS3 / Vanilla JS (또는 Vue 3) |
| Back-End | 없음 (정적) | FastAPI 또는 Spring Boot — CMS/API |
| DB | 없음 | PostgreSQL (게시판·채용·자료실) |
| 웹서버 | 정적 파일 서버 | Nginx (SSL 종단, 정적+프록시) |
| CDN | 없음 | Cloudflare 또는 국내 CDN (이미지/JS/CSS) |
| 인증서 | HTTP | Let's Encrypt (TLS 1.2+) |
| 도메인 | (기존) | www.zioinfo.com — HTTPS 리다이렉트 |

- [ ] 아키텍처 다이어그램 작성 (인프라 구성도, 데이터 흐름도)
- [ ] 보안 설계: HTTPS 강제, CSP 헤더, XSS 방어
- [ ] 배포 환경 설계: 개발/스테이징/운영 3단계

---

### TC-SI-01-DES-002: UI/UX 설계 검증 (와이어프레임 검토)

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-DES-002 |
| **분류** | 설계 / UI/UX설계 |
| **목적** | 반응형 와이어프레임 및 디자인 가이드 고객 승인 |

**점검 항목**
- [ ] 메인 페이지 와이어프레임 — 히어로 배너, 제품 쇼케이스, 뉴스
- [ ] GUARDiA ITSM 제품 소개 페이지 — 기능 카드, 화면 스크린샷, 문의 CTA
- [ ] 반응형 브레이크포인트 확인 (360 / 768 / 1024 / 1280px)
- [ ] 컬러 팔레트 및 타이포그래피 가이드 확정
- [ ] 접근성: 색상 대비율 4.5:1 이상 (WCAG AA) 확인
- [ ] Flash 메뉴 → CSS Hamburger 메뉴 전환 디자인 확인
- [ ] 고객사 디자인 승인 및 서명

---

### TC-SI-01-DES-003: DB 설계 검증

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-DES-003 |
| **분류** | 설계 / 상세데이터설계 |
| **목적** | 동적 CMS용 DB 테이블 설계 적정성 검토 |

**필요 테이블**

| 테이블명 | 용도 | 주요 컬럼 |
|---------|------|----------|
| tb_notice | 공지사항 | id, title, content, is_pinned, created_at |
| tb_news | 뉴스/보도자료 | id, title, content, source_url, image_url |
| tb_event | 이벤트 | id, title, content, start_date, end_date |
| tb_qna | Q&A | id, question, answer, is_public, created_at |
| tb_recruit | 채용공고 | id, title, dept, deadline, is_active |
| tb_apply | 지원서 | id, recruit_id, name, email, phone, resume_path |
| tb_download | 자료실 | id, title, category, file_path, download_count |
| tb_popup | 팝업관리 | id, image_url, link_url, start_dt, end_dt |
| tb_admin | 관리자 | id, username, password_hash, role |

- [ ] ERD 작성 및 검토
- [ ] 민감 데이터(이력서, 이메일) 암호화 설계 확인
- [ ] 인덱스 설계 (검색·정렬 성능)

---

### TC-SI-01-DES-004: 인터페이스 설계 검증

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-DES-004 |
| **분류** | 설계 / 인터페이스설계 |

**외부 연동 인터페이스**

| 시스템 | API | 용도 |
|--------|-----|------|
| 카카오맵 | Kakao Maps JavaScript API v2 | 오시는길 지도 |
| 이메일 발송 | SMTP (자체 메일 서버) | 채용 지원 알림, Q&A 답변 |
| GUARDiA ITSM | `/api/si/*` REST API | SI 프로젝트 진척 관리 연동 |

- [ ] 카카오맵 API 키 발급 및 지도 표시 확인
- [ ] SMTP 연결 설정 및 테스트 발송 확인
- [ ] GUARDiA 내 SI 프로젝트 코드 연결 확인 (`project_code: SI-ZIOINFO-RENEWAL`)

---

## 3단계 — 구현 (Implementation)

### TC-SI-01-IMP-001: 환경 구축 확인

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-IMP-001 |
| **분류** | 구현 / 환경구축 |

**점검 항목**
- [ ] 개발 서버 Nginx 설치 및 설정
- [ ] 데이터베이스 서버 PostgreSQL 설치 (`tb_*` 테이블 생성)
- [ ] Git 형상관리 브랜치 전략 설정 (`main` / `develop` / `feature/*`)
- [ ] 로컬 개발 환경 — `localhost:3000` (Front), `localhost:8000` (API)
- [ ] 스테이징 도메인 접근 확인 (예: `staging.zioinfo.com`)

---

### TC-SI-01-IMP-002: 메인 페이지 구현 단위테스트

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-IMP-002 |
| **분류** | 구현 / 단위테스트 |
| **대상 페이지** | 메인 (`/`) |

| TC# | 항목 | 테스트 내용 | 기대 결과 | 결과 |
|-----|------|------------|----------|------|
| 1 | 인코딩 | 페이지 charset=UTF-8 확인 | 한글 정상 표시 | |
| 2 | 히어로 배너 | 배너 이미지 로딩 | 이미지 깨짐 없음 | |
| 3 | Flash 제거 | Flash 관련 object/embed 태그 없음 | Flash 코드 0건 | |
| 4 | GNB 메뉴 | 5개 메뉴 클릭 → 해당 페이지 이동 | 정상 이동 | |
| 5 | 반응형 PC | 1280px 브라우저 확인 | 레이아웃 깨짐 없음 | |
| 6 | 반응형 태블릿 | 768px 브라우저 확인 | 레이아웃 정상 | |
| 7 | 반응형 모바일 | 360px 브라우저 확인 | 햄버거 메뉴 동작 | |
| 8 | 공지사항 위젯 | 최신 5건 목록 표시 | CMS 데이터 정상 | |
| 9 | GUARDiA 소개 배너 | 제품 소개 링크 클릭 | GUARDiA 페이지 이동 | |
| 10 | 푸터 연락처 | 이메일 클릭 | mailto: 동작 | |

---

### TC-SI-01-IMP-003: GUARDiA ITSM 제품 소개 페이지 단위테스트

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-IMP-003 |
| **분류** | 구현 / 단위테스트 |
| **대상 페이지** | `/product/guardia` |
| **우선순위** | HIGH (핵심 신규 페이지) |

| TC# | 항목 | 테스트 내용 | 기대 결과 | 결과 |
|-----|------|------------|----------|------|
| 1 | 페이지 로딩 | GUARDiA 소개 페이지 접근 | 200 OK, 3초 이내 | |
| 2 | 제품 개요 | 제품명·슬로건·설명 텍스트 표시 | 내용 정상 출력 | |
| 3 | 주요 기능 카드 | SR관리/SSL관리/PM관리/SI관리 기능 카드 6개 이상 표시 | 카드 목록 정상 | |
| 4 | 화면 스크린샷 | 제품 화면 이미지 6장 이상 로딩 | 이미지 정상 | |
| 5 | 문의하기 CTA | "도입 문의" 버튼 클릭 | 문의 폼 이동 | |
| 6 | 브로셔 다운로드 | PDF 다운로드 버튼 클릭 | PDF 다운로드 시작 | |
| 7 | 도입 사례 링크 | 도입사례 페이지 연결 | 정상 이동 | |

---

### TC-SI-01-IMP-004: 동적 게시판 기능 단위테스트

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-IMP-004 |
| **분류** | 구현 / 단위테스트 |
| **대상** | 공지사항·뉴스·Q&A 게시판 |

| TC# | 항목 | 테스트 내용 | 기대 결과 | 결과 |
|-----|------|------------|----------|------|
| 1 | 공지 목록 | 공지사항 목록 10건 페이징 | 목록 정상, 페이지네이션 동작 | |
| 2 | 공지 상세 | 공지 클릭 → 상세 페이지 | 제목·내용·날짜 표시 | |
| 3 | 공지 고정 | `is_pinned=true` 공지 상단 표시 | 핀 공지 항상 최상위 | |
| 4 | 뉴스 등록 (관리자) | 관리자 로그인 후 뉴스 등록 | 목록에 즉시 반영 | |
| 5 | 뉴스 수정 (관리자) | 등록 뉴스 수정 | 변경사항 반영 | |
| 6 | 뉴스 삭제 (관리자) | 등록 뉴스 삭제 | 목록에서 제거 | |
| 7 | Q&A 질문 등록 | 비로그인 상태 질문 등록 | 등록 성공, 이메일 알림 발송 | |
| 8 | Q&A 답변 (관리자) | 관리자 답변 등록 | 답변 표시, 질문자 이메일 알림 | |
| 9 | Q&A 비공개 | `is_public=false` 질문 | 작성자·관리자만 조회 | |
| 10 | 자료실 다운 | 파일 다운로드 클릭 | 파일 다운로드, download_count+1 | |

---

### TC-SI-01-IMP-005: 채용 지원 폼 단위테스트

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-IMP-005 |
| **분류** | 구현 / 단위테스트 |
| **현행 문제** | `engagement.htm` — 정적 HTML, 제출 기능 없음 |

| TC# | 항목 | 테스트 내용 | 기대 결과 | 결과 |
|-----|------|------------|----------|------|
| 1 | 채용공고 목록 | 현재 활성 공고 목록 표시 | is_active=true 공고만 표시 | |
| 2 | 공고 상세 | 공고 클릭 → 상세 (담당업무·자격·복리후생) | 내용 정상 표시 | |
| 3 | 지원 폼 접근 | "지원하기" 버튼 클릭 | 지원 폼 페이지 이동 | |
| 4 | 필수항목 검증 | 이름·이메일 빈 칸 제출 | "필수 항목을 입력하세요" 오류 | |
| 5 | 이메일 형식 검증 | 잘못된 이메일 형식 입력 | 형식 오류 메시지 | |
| 6 | 이력서 첨부 | PDF/HWP/DOCX 파일 첨부 | 허용 확장자 업로드 성공 | |
| 7 | 금지 파일 첨부 | .exe 파일 첨부 시도 | 차단 및 오류 메시지 | |
| 8 | 정상 제출 | 필수항목 입력 후 제출 | 제출 완료 메시지, 인사팀 알림 이메일 발송 | |
| 9 | 중복 지원 방지 | 동일 이메일로 동일 공고 재지원 | "이미 지원하셨습니다" 안내 | |

---

### TC-SI-01-IMP-006: 통합테스트 — 전체 네비게이션 흐름

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-IMP-006 |
| **분류** | 구현 / 통합테스트 |

| TC# | 시나리오 | 흐름 | 기대 결과 | 결과 |
|-----|---------|------|----------|------|
| 1 | 방문자 제품 문의 | 메인 → GUARDiA 소개 → 문의하기 폼 → 제출 | 문의 접수 완료, 담당자 이메일 수신 | |
| 2 | 구직자 채용 지원 | 채용정보 → 공고 상세 → 지원하기 → 서류 첨부 → 제출 | 지원 완료, 인사팀 알림 | |
| 3 | 자료 다운로드 | 고객지원 → 자료실 → GUARDiA 브로셔 → 다운로드 | PDF 다운로드 성공 | |
| 4 | 공지 확인 | 메인 공지 위젯 → 상세 | 내용 정상 표시 | |
| 5 | 오시는길 지도 | 회사소개 → 오시는길 → 카카오맵 | 지도 정상 표시, 마커 표시 | |
| 6 | 모바일 전체 흐름 | 360px 기기 → 메인 → GNB → 서브메뉴 | 햄버거 메뉴 정상 동작 | |
| 7 | 관리자 뉴스 등록 | 관리자 로그인 → 뉴스 등록 → 메인 위젯 확인 | 등록 즉시 메인 반영 | |

---

### TC-SI-01-IMP-007: 데이터 이관 검증

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-IMP-007 |
| **분류** | 구현 / 데이터이관 |
| **목적** | 현행 정적 HTML 콘텐츠 → 신규 CMS DB 이관 완료 검증 |

| TC# | 이관 항목 | 이관 방법 | 검증 방법 | 결과 |
|-----|---------|---------|---------|------|
| 1 | 회사 연혁 | history.htm 텍스트 → tb_history | DB 조회, 연혁 페이지 표시 확인 | |
| 2 | 파트너사 로고 | image/*.gif → 신규 PNG/WebP | 파트너사 페이지 이미지 표시 | |
| 3 | 제품 소개 이미지 | 기존 GIF → WebP 변환 | 이미지 품질·크기 확인 | |
| 4 | FAQ 내용 | faq.htm → tb_qna | FAQ 목록 데이터 건수 일치 | |
| 5 | 기존 링크 | 구 URL `.htm` → 신 URL 리다이렉트 설정 | 301 리다이렉트 동작 확인 | |

---

## 4단계 — 인도 (Deployment & Handover)

### TC-SI-01-UAT-001: 사용자 수용성 테스트 (UAT)

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-UAT-001 |
| **분류** | 인도 / UAT |
| **테스트 담당** | 지오인포 마케팅팀 + 인사팀 + 대표 |
| **환경** | 스테이징 서버 (`staging.zioinfo.com`) |

| TC# | 검수자 | 항목 | 기대 결과 | Pass/Fail |
|-----|-------|------|----------|-----------|
| 1 | 마케팅팀 | 메인 페이지 전체 확인 | 디자인·콘텐츠 승인 | |
| 2 | 마케팅팀 | GUARDiA 소개 페이지 확인 | 제품 정보 정확성 승인 | |
| 3 | 마케팅팀 | 뉴스 직접 등록 (CMS) | 관리자 도구 사용 편의성 승인 | |
| 4 | 인사팀 | 채용공고 등록·수정 (CMS) | 공고 관리 편의성 승인 | |
| 5 | 인사팀 | 지원서 수신 이메일 확인 | 지원자 정보 정상 수신 | |
| 6 | 대표 | 전체 페이지 모바일 확인 | 스마트폰에서 이상 없음 | |
| 7 | 대표 | 브랜드 아이덴티티 확인 | CI/BI 일치 여부 승인 | |
| 8 | 전체 | 오탈자·이미지 오류 최종 검수 | 수정 목록 0건 확인 | |

---

### TC-SI-01-UAT-002: 성능·보안·접근성 최종 점검

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-UAT-002 |
| **분류** | 인도 / 사용자수용성테스트 |

| TC# | 항목 | 도구 | 기준 | 결과 |
|-----|------|------|------|------|
| 1 | 성능 — 메인 | Google Lighthouse | Performance ≥ 80 | |
| 2 | 성능 — 모바일 | Google Lighthouse | Performance ≥ 70 | |
| 3 | HTTPS 적용 | SSL Labs SSL Test | Grade A 이상 | |
| 4 | 웹 접근성 | WAVE 또는 axe DevTools | 오류 0건 | |
| 5 | HTML 유효성 | W3C Validator | 오류 0건 | |
| 6 | 크로스브라우저 Chrome | Chrome 최신 버전 | 레이아웃 정상 | |
| 7 | 크로스브라우저 Edge | Edge 최신 버전 | 레이아웃 정상 | |
| 8 | 크로스브라우저 Safari | Safari 최신 버전 | 레이아웃 정상 | |
| 9 | Flash 완전 제거 | 소스코드 검색 (`<object>`, `<embed>`) | 0건 | |
| 10 | SEO 기본 | Google Search Console | sitemap 등록, robots.txt 정상 | |

---

### TC-SI-01-DEP-001: 운영 환경 배포 확인

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-DEP-001 |
| **분류** | 인도 / 운영환경배포 |

| TC# | 항목 | 점검 내용 | 결과 |
|-----|------|---------|------|
| 1 | 도메인 연결 | `www.zioinfo.com` → 신규 서버 DNS 전환 | 접속 정상 |  |
| 2 | HTTP→HTTPS 리다이렉트 | `http://` 접속 시 `https://` 자동 전환 | 301 리다이렉트 |  |
| 3 | SSL 인증서 | 브라우저 자물쇠 아이콘 확인, 만료일 확인 | 유효 (1년 이상) |  |
| 4 | 구 URL 리다이렉트 | `/company/greeting.htm` → `/company/greeting` | 301 정상 |  |
| 5 | 관리자 페이지 | `/admin` 로그인 | 관리자 기능 정상 |  |
| 6 | 메인 CMS 데이터 | 공지·뉴스·이벤트 최신 데이터 표시 | 운영 DB 정상 |  |
| 7 | 이메일 발송 | Q&A 등록 시 알림 이메일 | 운영 SMTP 정상 |  |
| 8 | 파일 다운로드 | 자료실 파일 다운로드 | 정상 다운로드 |  |
| 9 | 구글 애널리틱스 | GA4 트래킹 코드 삽입 확인 | 실시간 데이터 확인 |  |
| 10 | 404 페이지 | 없는 URL 접근 시 `common/error/404.html` | 커스텀 404 표시 |  |

---

### TC-SI-01-DEP-002: GUARDiA ITSM SI 프로젝트 완료 처리

| 항목 | 내용 |
|------|------|
| **테스트 ID** | TC-SI-01-DEP-002 |
| **분류** | 인도 / 최종산출물검수및종료 |

| TC# | 항목 | 점검 내용 | 결과 |
|-----|------|---------|------|
| 1 | SI 프로젝트 완료 | GUARDiA → SI 프로젝트 → `convert-to-sm` 호출 | SM 전환 성공 |  |
| 2 | CMDB 자동 생성 | 운영 웹서버 CMDB 항목 자동 생성 확인 | tb_server_info 생성 |  |
| 3 | PM 스케줄 생성 | 분기 정기 PM 스케줄 자동 생성 확인 | tb_pm_schedule 생성 |  |
| 4 | 최종 보고서 | 프로젝트 완료 보고서 제출 | 고객사 서명 완료 |  |
| 5 | 인수인계 | 관리자 매뉴얼 전달 및 CMS 교육 실시 | 교육 확인서 수령 |  |
| 6 | 안정화 기간 | 오픈 후 2주 하자 보수 기간 SR 등록 | GUARDiA SR 등록 채널 공유 |  |

---

## 안정화 지원 체크리스트

오픈 후 2주간 일일 점검 항목:

```
□ 메인 페이지 정상 접속 확인
□ HTTPS 인증서 유효 확인
□ CMS 게시판 등록/수정 동작 확인
□ 채용 지원 폼 → 이메일 수신 확인
□ 자료실 파일 다운로드 확인
□ 카카오맵 지도 표시 확인
□ Google Analytics 데이터 수집 확인
□ 서버 디스크·메모리 사용률 정상 범위
□ 에러 로그 신규 오류 없음
□ 발견 결함 → GUARDiA ITSM SR 등록
```

---

## 산출물 목록

| 단계 | 산출물 | 제출 예정일 | 승인 여부 |
|------|------|-----------|---------|
| 분석 | AS-IS 분석 보고서 | | |
| 분석 | 요구사항 명세서 v1.0 | | |
| 분석 | TO-BE 메뉴 구조 확정안 | | |
| 설계 | 아키텍처 설계서 | | |
| 설계 | UI/UX 와이어프레임 (Figma) | | |
| 설계 | DB 설계서 (ERD 포함) | | |
| 설계 | 인터페이스 설계서 | | |
| 구현 | 소스코드 (Git Repository) | | |
| 구현 | 단위·통합 테스트 결과서 | | |
| 구현 | 데이터 이관 결과서 | | |
| 인도 | UAT 결과서 | | |
| 인도 | 운영 환경 배포 확인서 | | |
| 인도 | 관리자 사용 매뉴얼 | | |
| 인도 | 프로젝트 완료 보고서 | | |

---

## GUARDiA ITSM 연동

```
SI 프로젝트 등록 : POST /api/si/projects
  project_code : SI-ZIOINFO-RENEWAL
  project_name : 지오인포 홈페이지 리뉴얼
  phase        : ANALYSIS

WBS 자동 생성   : POST /api/si/projects/{id}/wbs/bulk

요구사항 등록   : POST /api/si/projects/{id}/requirements
  (REQ-F-001 ~ REQ-F-010, REQ-NF-001 ~ REQ-NF-008)

위험 등록       : POST /api/si/projects/{id}/risks
  - Flash 제거 일정 지연 (확률 2 × 영향 3 = 6, HIGH)
  - 구 URL 리다이렉트 누락 SEO 손실 (확률 2 × 영향 2 = 4, MEDIUM)

프로젝트 완료   : POST /api/si/projects/{id}/convert-to-sm
  → 지오인포 웹서버 CMDB 자동 생성
  → 분기 PM 스케줄 자동 생성
```