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>
This commit is contained in:
kappa
269
index.html
269
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>
|
||||
|
||||
Reference in New Issue
Block a user