---
title: Ironclad 홈페이지 제작 계획
updated: 2026-03-28
tags: [product, website, design]
---

## 개요

ironclad.it.com 공식 홈페이지. 호스팅 상품 소개, 가격표, 회사 소개.

## 기술 스택

| 항목 | 선택 | 이유 |
|------|------|------|
| 프레임워크 | **Astro** | 콘텐츠 사이트 최적, Cloudflare 인수로 Workers/R2 궁합 최고, Next.js 대비 2-3배 빠름 |
| 디자인 | **Google Stitch** | AI 기반 UI 디자인, Tailwind 코드 export, 무료 (Google Labs) |
| 스타일 | Tailwind CSS | Stitch export 호환, 유틸리티 기반 |
| 배포 | cf-multisite | Gitea push → R2 → Workers → ironclad.it.com |
| 다국어 | 한/영/일 | Astro i18n 지원 |

## 디자인 도구: Google Stitch

- URL: https://stitch.withgoogle.com/
- Gemini 2.5 기반 AI UI 디자인
- 텍스트 프롬프트 → 고품질 UI 생성
- Vibe Design: 분위기/느낌 기반 디자인 (예: "Stripe처럼 프리미엄하고 미니멀하게")
- 이미지 업로드: 참고 사이트 스크린샷 → 유사 디자인 생성
- Export: HTML/CSS, Tailwind, Vue, Angular, Flutter, SwiftUI (7개 프레임워크)

## 페이지 구성

| 페이지 | 내용 |
|--------|------|
| 히어로/랜딩 | 핵심 메시지, CTA |
| 상품 소개 | VPS, 베어메탈, IKE, 보안서비스 카테고리 |
| 가격표 | 리전별/스펙별 가격, 비교표 ([[ironclad-hosting-products]]) |
| 보안서비스 | 3단계 보안 구조 (CDN + WAF + CrowdSec) |
| 회사 소개 | Ironclad Corp 정보 ([[ironclad-corp]]) |
| 문의 | 연락처, 상담 신청 |

## 배포 경로

```
Stitch 디자인 → Tailwind 코드 export
  → Astro 프로젝트에 통합
  → hosting/ironclad repo (Gitea)
  → Gitea Actions (Astro build + rclone R2)
  → ironclad.it.com (Workers 서빙)
```

## 참고 디자인

- Stripe (프리미엄, 미니멀)
- Vercel (개발자 친화적)
- Vultr / Linode (호스팅 가격표)

## 개선사항: 보안서비스 페이지 콘텐츠 강화

주력 상품인 보안서비스의 홍보 콘텐츠가 부족하므로 아래 내용으로 보안서비스 페이지를 충실하게 구성할 것.

### 핵심 원칙
- 내부 기술 스택명(BunnyCDN, SafeLine, CrowdSec) 노출 금지
- 고객 관점에서 "무엇을 어떻게 막아주는가"에 집중
- 아이언클래드 자체 브랜딩으로 포장

### 페이지 구성안

#### 1. 4중 보안 체계 (메인 섹션)

| 단계 | 고객 표현 | 내부 기술 | 설명 |
|------|----------|----------|------|
| 0차 | 글로벌 위협 인텔리전스 | CrowdSec bloom filter | 전 세계 수만 서버에서 수집된 악성 IP DB로 엣지에서 즉시 차단, 3분 간격 업데이트, 오탐 시 CAPTCHA 구제 |
| 1차 | 엣지 웹 방화벽 (WAF) | BunnyCDN WAF (OWASP CRS) | CDN 엣지에서 SQLi, XSS, RCE, SSRF, Log4j, Shellshock 등 OWASP Top 10 차단 |
| 2차 | AI 기반 심층 방화벽 | SafeLine WAF | ML 기반 트래픽/요청 본문 심층 분석, 룰 기반 WAF가 놓치는 변형·제로데이 공격 탐지 |
| 3차 | 실시간 로그 분석 & 자동 차단 | CrowdSec 시나리오 | HTTP 프로빙/크롤링/백도어 탐지 → 0차 위협 DB에 자동 피드백 루프 |

#### 2. DDoS 방어 — L3~L7 전 계층 보호 (차별화 핵심)

대부분의 호스팅은 L3/L4만 방어. 아이언클래드는 L7까지 완벽 방어하는 것이 최대 차별점.

| 계층 | 공격 유형 | 방어 방식 |
|------|----------|----------|
| L3/L4 | UDP Flood, SYN Flood, 볼류메트릭 | 200+ Tbps 글로벌 네트워크에서 흡수 |
| L7 | HTTP Flood, Slowloris, 봇 공격 | AI 행동 분석 + Proof-of-Work 챌린지 |
| L7 | SQLi, XSS, RCE | 엣지 WAF + AI 심층 방화벽 이중 차단 |
| L7 | 크롤링, 프로빙, 백도어 시도 | 실시간 로그 분석 → 자동 차단 |

#### 3. 경쟁사 비교표

| 항목 | 일반 CDN | 일반 WAF | 아이언클래드 보안 |
|------|---------|---------|----------------|
| DDoS 방어 | L3/L4만 | 없음 | L3~L7 전 계층 |
| WAF | 없음 | 룰 기반만 | 엣지 WAF + AI WAF 이중 |
| 위협 인텔리전스 | 없음 | 없음 | 글로벌 크라우드소싱 DB |
| 설정 | 별도 설정 | 별도 설정 | 원클릭 적용 |
| 비용 | $50~200+/월 | $50~300+/월 | 99크레딧/월 올인원 |

#### 4. 글로벌 CDN
- 119개 PoP, 자동 SSL, 사이트당 월 1TB 포함

#### 5. 향후 추가 콘텐츠 (블로그/SNS)
- 공격 시나리오별 방어 사례 (DDoS, SQLi, Bot 등)
- "일반 호스팅 vs 아이언클래드" 실제 공격 대응 비교
- 보안 대시보드 스크린샷/데모

## 관련 문서

- [[ironclad-corp]] — 회사 정보, 요금 플랜
- [[ironclad-hosting-products]] — 전체 상품 구성, 가격표
- [[cf-multisite]] — 배포 플랫폼