111 lines
4.7 KiB
Markdown
111 lines
4.7 KiB
Markdown
---
|
|
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]] — 배포 플랫폼
|