From 63041d61574fdd699c597c4c29d151787764214e Mon Sep 17 00:00:00 2001
From: kappa <kappa@inouter.com>
Date: Tue, 20 Jan 2026 09:33:52 +0900
Subject: [PATCH] Add Linux server deep dive guide section

- Add comprehensive Linux server guide with technical details
- Include web server (NGINX/Apache) and database (MySQL/PostgreSQL) benefits
- Add SQL Server on Linux section for .NET users
- Add container isolation benefits (Incus/LXD)
- Add automation and community ecosystem sections
- Link from existing Linux section to new deep dive guide

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 index.html | 269 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 267 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index a84d0d9..137a959 100644
--- a/index.html
+++ b/index.html
@@ -634,8 +634,273 @@
           <p class="text-lg">🎁 리눅스 서버 주문 시 <span class="font-bold">초기 설정 무료 지원!</span></p>
         </div>
         <br>
-        <a href="https://t.me/AnvilForgeBot" target="_blank" class="sketch-btn sketch-btn-primary px-8 py-4 text-xl inline-flex items-center gap-2">
-          리눅스 서버 상담받기 →
+        <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
+          <a href="https://t.me/AnvilForgeBot" target="_blank" class="sketch-btn sketch-btn-primary px-8 py-4 text-xl inline-flex items-center gap-2">
+            리눅스 서버 상담받기 →
+          </a>
+          <a href="#linux-deep" class="sketch-btn px-6 py-4 text-lg inline-flex items-center gap-2" style="border-color: #22c55e; color: #22c55e;">
+            📚 심층 가이드 보기 ↓
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Linux Server Deep Dive Section -->
+  <section id="linux-deep" class="py-20 bg-slate-800/30">
+    <div class="max-w-6xl mx-auto px-6">
+      <div class="text-center mb-16">
+        <div class="sketch-badge mb-6" style="border-color: #22c55e; color: #22c55e;">
+          📚 심층 가이드
+        </div>
+        <h2 class="text-3xl md:text-4xl font-bold mb-4 font-hand">
+          <span class="sketch-underline" style="--underline-color: #22c55e;">리눅스 서버 활용 가이드</span>
+        </h2>
+        <p class="text-xl text-sketch-line/70">왜 전 세계 서버의 80%가 리눅스를 선택할까요?</p>
+      </div>
+
+      <!-- 주요 강점 그리드 -->
+      <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-16">
+        <div class="sketch-border p-5">
+          <div class="text-3xl mb-3">💰</div>
+          <h4 class="font-bold mb-2 text-sketch-green">비용 효율성</h4>
+          <p class="text-sketch-line/70 text-sm">오픈소스로 라이선스 비용 없음. 낮은 하드웨어 요구사항으로 동일 사양에서 더 많은 워크로드 처리</p>
+        </div>
+        <div class="sketch-border p-5">
+          <div class="text-3xl mb-3">⏰</div>
+          <h4 class="font-bold mb-2 text-sketch-green">압도적 안정성</h4>
+          <p class="text-sketch-line/70 text-sm">수개월, 수년간 재부팅 없이 운영 가능. livepatch로 커널 업데이트도 무중단 적용</p>
+        </div>
+        <div class="sketch-border p-5">
+          <div class="text-3xl mb-3">🛡️</div>
+          <h4 class="font-bold mb-2 text-sketch-green">철통 보안</h4>
+          <p class="text-sketch-line/70 text-sm">철저한 권한 분리, SELinux/AppArmor 기본 제공. 취약점 발견 시 빠른 패치 대응</p>
+        </div>
+        <div class="sketch-border p-5">
+          <div class="text-3xl mb-3">📦</div>
+          <h4 class="font-bold mb-2 text-sketch-green">컨테이너 친화적</h4>
+          <p class="text-sketch-line/70 text-sm">Docker, Incus, LXD가 커널 위에서 네이티브 동작. 리소스 격리와 효율적 활용</p>
+        </div>
+      </div>
+
+      <!-- 웹서버 & 데이터베이스 섹션 -->
+      <div class="sketch-border p-6 md:p-8 mb-12" style="border-color: #22c55e;">
+        <h3 class="text-2xl font-bold mb-6 font-hand text-center">🌐 웹서버 & 데이터베이스</h3>
+
+        <div class="grid md:grid-cols-2 gap-8 mb-8">
+          <!-- 웹서버 -->
+          <div>
+            <h4 class="font-bold text-lg mb-4 flex items-center gap-2">
+              <span class="text-sketch-blue">▸</span> 웹서버 (NGINX & Apache)
+            </h4>
+            <ul class="space-y-2 text-sketch-line/80 text-sm">
+              <li class="flex items-start gap-2">
+                <span class="text-sketch-green mt-1">✓</span>
+                <span>리눅스에서 최적의 성능 발휘</span>
+              </li>
+              <li class="flex items-start gap-2">
+                <span class="text-sketch-green mt-1">✓</span>
+                <span>NGINX는 epoll(리눅스 커널 이벤트 처리) 활용</span>
+              </li>
+              <li class="flex items-start gap-2">
+                <span class="text-sketch-green mt-1">✓</span>
+                <span>수만 개의 동시 연결을 적은 메모리로 처리</span>
+              </li>
+              <li class="flex items-start gap-2">
+                <span class="text-sketch-green mt-1">✓</span>
+                <span>certbot으로 Let's Encrypt 인증서 자동 갱신</span>
+              </li>
+            </ul>
+          </div>
+
+          <!-- 데이터베이스 -->
+          <div>
+            <h4 class="font-bold text-lg mb-4 flex items-center gap-2">
+              <span class="text-sketch-orange">▸</span> 데이터베이스 (MySQL/PostgreSQL)
+            </h4>
+            <ul class="space-y-2 text-sketch-line/80 text-sm">
+              <li class="flex items-start gap-2">
+                <span class="text-sketch-green mt-1">✓</span>
+                <span>리눅스가 주력 플랫폼으로 최적화</span>
+              </li>
+              <li class="flex items-start gap-2">
+                <span class="text-sketch-green mt-1">✓</span>
+                <span>파일시스템 선택 자유 (ext4, XFS, ZFS)</span>
+              </li>
+              <li class="flex items-start gap-2">
+                <span class="text-sketch-green mt-1">✓</span>
+                <span>디스크 I/O 스케줄러 튜닝 가능</span>
+              </li>
+              <li class="flex items-start gap-2">
+                <span class="text-sketch-green mt-1">✓</span>
+                <span>메모리 파라미터(swappiness 등) 세밀 조정</span>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <!-- 운영 도구 테이블 -->
+        <div class="bg-slate-900/50 rounded p-4 mb-6">
+          <h4 class="font-bold mb-3 text-center">🔧 운영 편의 도구</h4>
+          <div class="grid grid-cols-3 gap-4 text-center text-sm">
+            <div>
+              <div class="font-mono text-sketch-blue">systemd</div>
+              <div class="text-sketch-line/60">서비스 통합 관리</div>
+            </div>
+            <div>
+              <div class="font-mono text-sketch-blue">logrotate</div>
+              <div class="text-sketch-line/60">로그 자동 관리</div>
+            </div>
+            <div>
+              <div class="font-mono text-sketch-blue">fail2ban</div>
+              <div class="text-sketch-line/60">brute force 차단</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 추천 조합 -->
+        <div class="sticky-note inline-block w-full text-center" style="border-color: #22c55e;">
+          <p class="text-lg mb-2">💡 <span class="font-bold">추천 조합</span></p>
+          <p class="text-sketch-line/80">
+            <span class="highlight-box">NGINX</span> (리버스 프록시) +
+            <span class="highlight-box">PostgreSQL</span> 또는
+            <span class="highlight-box">MariaDB</span> +
+            <span class="highlight-box">Ubuntu LTS</span>
+          </p>
+        </div>
+      </div>
+
+      <!-- SQL Server on Linux -->
+      <div class="sketch-border p-6 md:p-8 mb-12" style="border-color: #3b82f6;">
+        <h3 class="text-2xl font-bold mb-6 font-hand text-center">🗄️ SQL Server on Linux</h3>
+        <p class="text-center text-sketch-line/70 mb-6">Microsoft SQL Server 2017부터 리눅스 공식 지원! .NET 백엔드도 문제없습니다.</p>
+
+        <div class="grid md:grid-cols-2 gap-6 mb-6">
+          <div class="bg-slate-900/50 rounded p-4">
+            <h4 class="font-bold mb-3 text-sketch-green">✅ 동일하게 지원</h4>
+            <ul class="text-sm text-sketch-line/80 space-y-1">
+              <li>• 데이터베이스 엔진</li>
+              <li>• T-SQL & 저장 프로시저</li>
+              <li>• 인덱싱</li>
+              <li>• Always On 가용성 그룹</li>
+            </ul>
+          </div>
+          <div class="bg-slate-900/50 rounded p-4">
+            <h4 class="font-bold mb-3 text-sketch-yellow">⚠️ 별도 구성 필요</h4>
+            <ul class="text-sm text-sketch-line/80 space-y-1">
+              <li>• SSIS (Integration Services)</li>
+              <li>• SSRS (Reporting Services)</li>
+              <li>• SQL Server Agent 일부 기능</li>
+            </ul>
+          </div>
+        </div>
+
+        <!-- 선택 가이드 -->
+        <div class="overflow-x-auto">
+          <table class="w-full text-sm">
+            <thead>
+              <tr class="border-b-2 border-dashed border-sketch-line/30">
+                <th class="py-2 px-4 text-left">상황</th>
+                <th class="py-2 px-4 text-left">추천</th>
+              </tr>
+            </thead>
+            <tbody class="text-sketch-line/80">
+              <tr class="border-b border-dashed border-sketch-line/20">
+                <td class="py-2 px-4">기존 MSSQL 시스템 연동</td>
+                <td class="py-2 px-4 text-sketch-blue font-medium">SQL Server on Linux</td>
+              </tr>
+              <tr class="border-b border-dashed border-sketch-line/20">
+                <td class="py-2 px-4">.NET 백엔드 사용</td>
+                <td class="py-2 px-4 text-sketch-blue font-medium">SQL Server on Linux</td>
+              </tr>
+              <tr>
+                <td class="py-2 px-4">신규 구축 (비용 절감)</td>
+                <td class="py-2 px-4 text-sketch-green font-medium">PostgreSQL 또는 MariaDB</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <!-- 컨테이너 활용 -->
+      <div class="sketch-border p-6 md:p-8 mb-12" style="border-color: #a855f7;">
+        <h3 class="text-2xl font-bold mb-6 font-hand text-center">🐳 컨테이너로 서비스 격리</h3>
+        <p class="text-center text-sketch-line/70 mb-6">Incus/LXD 컨테이너로 웹서버와 DB를 분리 운영하여 보안과 자원 관리를 동시에 확보하세요.</p>
+
+        <div class="grid md:grid-cols-4 gap-4 text-center">
+          <div class="bg-slate-900/50 rounded p-4">
+            <div class="text-2xl mb-2">🔒</div>
+            <div class="font-bold text-sm">보안 격리</div>
+            <div class="text-xs text-sketch-line/60">서비스 간 완벽 분리</div>
+          </div>
+          <div class="bg-slate-900/50 rounded p-4">
+            <div class="text-2xl mb-2">📊</div>
+            <div class="font-bold text-sm">자원 관리</div>
+            <div class="text-xs text-sketch-line/60">CPU/메모리 할당 제어</div>
+          </div>
+          <div class="bg-slate-900/50 rounded p-4">
+            <div class="text-2xl mb-2">💾</div>
+            <div class="font-bold text-sm">간편 백업</div>
+            <div class="text-xs text-sketch-line/60">컨테이너 단위 스냅샷</div>
+          </div>
+          <div class="bg-slate-900/50 rounded p-4">
+            <div class="text-2xl mb-2">🚀</div>
+            <div class="font-bold text-sm">빠른 마이그레이션</div>
+            <div class="text-xs text-sketch-line/60">다른 서버로 즉시 이전</div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 자동화 & 커뮤니티 -->
+      <div class="grid md:grid-cols-2 gap-6 mb-12">
+        <div class="sketch-border p-6">
+          <h4 class="font-bold text-lg mb-4 flex items-center gap-2">
+            <span class="text-2xl">🤖</span> 자동화와 스크립팅
+          </h4>
+          <ul class="space-y-2 text-sketch-line/80 text-sm">
+            <li class="flex items-start gap-2">
+              <span class="text-sketch-green mt-1">✓</span>
+              <span>bash, systemd, cron으로 거의 모든 작업 자동화</span>
+            </li>
+            <li class="flex items-start gap-2">
+              <span class="text-sketch-green mt-1">✓</span>
+              <span>Ansible, Terraform 등 IaC 도구와 원활한 연동</span>
+            </li>
+            <li class="flex items-start gap-2">
+              <span class="text-sketch-green mt-1">✓</span>
+              <span>필요한 패키지만 설치하여 최소화된 시스템 구성</span>
+            </li>
+          </ul>
+        </div>
+        <div class="sketch-border p-6">
+          <h4 class="font-bold text-lg mb-4 flex items-center gap-2">
+            <span class="text-2xl">🌍</span> 커뮤니티와 생태계
+          </h4>
+          <ul class="space-y-2 text-sketch-line/80 text-sm">
+            <li class="flex items-start gap-2">
+              <span class="text-sketch-green mt-1">✓</span>
+              <span>풍부한 문제 해결 자료와 문서</span>
+            </li>
+            <li class="flex items-start gap-2">
+              <span class="text-sketch-green mt-1">✓</span>
+              <span>대부분의 서버 소프트웨어가 리눅스 우선 지원</span>
+            </li>
+            <li class="flex items-start gap-2">
+              <span class="text-sketch-green mt-1">✓</span>
+              <span>커널 파라미터 자유로운 튜닝</span>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <!-- 요약 CTA -->
+      <div class="text-center">
+        <div class="sticky-note inline-block mb-6" style="border-color: #22c55e;">
+          <p class="text-lg">🎯 <span class="font-bold">리눅스 = 비용↓ + 안정성↑ + 보안↑ + 유연성↑</span></p>
+        </div>
+        <br>
+        <a href="#contact" class="sketch-btn sketch-btn-primary px-8 py-4 text-xl inline-flex items-center gap-2" style="background: #22c55e; border-color: #16a34a;">
+          리눅스 서버 도입 문의 →
         </a>
       </div>
     </div>