-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
108 lines (104 loc) · 6.3 KB
/
about.html
File metadata and controls
108 lines (104 loc) · 6.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
---
layout: page
title: About
description: Twodragon에 대해 알아보세요
permalink: /about/
---
<div class="about-page">
<div class="author-profile" style="display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 3rem;">
<div style="width: 150px; height: 150px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), #10b981); display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;">
<svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
<circle cx="12" cy="7" r="4"/>
</svg>
</div>
<h2 style="margin-bottom: 0.5rem;">{{ site.author.name }}</h2>
<p style="color: var(--text-secondary); font-size: 1.125rem; margin-bottom: 1rem;">{{ site.author.bio }}</p>
<div style="display: flex; gap: 1rem;">
{% if site.author.github %}
<a href="https://github.com/{{ site.author.github }}" target="_blank" rel="noopener noreferrer" class="btn btn-secondary">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
</svg>
GitHub
</a>
{% endif %}
<a href="mailto:{{ site.author.email }}" class="btn btn-secondary">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
<polyline points="22,6 12,13 2,6"/>
</svg>
Email
</a>
</div>
</div>
<section style="margin-bottom: 3rem;">
<h2 style="margin-bottom: 1.5rem;">About This Blog</h2>
<div class="card" style="padding: 2rem;">
<p style="font-size: 1.05rem; line-height: 1.8;">
안녕하세요, <strong>Twodragon</strong>입니다.
</p>
<p style="font-size: 1.05rem; line-height: 1.8;">
이 블로그는 <strong>DevSecOps, DevOps, FinOps</strong> 전문 기술 블로그입니다.
클라우드 보안, 인프라 자동화, 비용 최적화에 대한 실무 경험과 최신 트렌드를 공유합니다.
</p>
<p style="font-size: 1.05rem; line-height: 1.8;">
<strong>주요 전문 분야:</strong>
</p>
<ul style="font-size: 1.05rem; line-height: 1.8;">
<li><strong>🔒 DevSecOps</strong> - CI/CD 보안 통합, SAST/DAST, 컨테이너 보안, 보안 자동화 파이프라인</li>
<li><strong>⚙️ DevOps</strong> - 인프라 자동화, Kubernetes 오케스트레이션, 모니터링 및 관찰성</li>
<li><strong>💰 FinOps</strong> - 클라우드 비용 최적화, 리소스 거버넌스, 비용 할당 및 예측</li>
<li><strong>☁️ Cloud Security</strong> - AWS/GCP/Azure 보안 아키텍처, 보안 모범 사례, 거버넌스</li>
<li><strong>🚨 Security Incident Response</strong> - 보안 사고 분석, Post-Mortem, 대응 전략</li>
</ul>
</div>
</section>
<section style="margin-bottom: 3rem;">
<h2 style="margin-bottom: 1.5rem;">Skills & Technologies</h2>
<div class="skills-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem;">
<div class="card" style="padding: 1.5rem;">
<h4 style="color: var(--primary); margin-bottom: 0.5rem;">🔒 DevSecOps</h4>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin: 0;">SAST/DAST, 컨테이너 보안, 보안 스캔, 정책 자동화</p>
</div>
<div class="card" style="padding: 1.5rem;">
<h4 style="color: var(--primary); margin-bottom: 0.5rem;">⚙️ DevOps</h4>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin: 0;">Kubernetes, Docker, Terraform, CI/CD</p>
</div>
<div class="card" style="padding: 1.5rem;">
<h4 style="color: var(--primary); margin-bottom: 0.5rem;">💰 FinOps</h4>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin: 0;">비용 최적화, 리소스 관리, 예산 관리</p>
</div>
<div class="card" style="padding: 1.5rem;">
<h4 style="color: var(--primary); margin-bottom: 0.5rem;">☁️ Cloud</h4>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin: 0;">AWS, GCP, Azure, Cloudflare</p>
</div>
<div class="card" style="padding: 1.5rem;">
<h4 style="color: var(--primary); margin-bottom: 0.5rem;">🛡️ Security</h4>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin: 0;">SIEM, WAF, IDS/IPS, EDR, 보안 모니터링</p>
</div>
<div class="card" style="padding: 1.5rem;">
<h4 style="color: var(--primary); margin-bottom: 0.5rem;">📊 Monitoring</h4>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin: 0;">Datadog, Prometheus, Grafana, 관찰성</p>
</div>
</div>
</section>
<section>
<h2 style="margin-bottom: 1.5rem;">Contact</h2>
<div class="card" style="padding: 2rem;">
<p style="margin-bottom: 1rem;">
기술적인 질문이나 협업 제안은 언제든 환영합니다.
</p>
<ul style="list-style: none; padding: 0;">
<li style="margin-bottom: 0.5rem;">
<strong>Email:</strong> <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
</li>
{% if site.author.github %}
<li style="margin-bottom: 0.5rem;">
<strong>GitHub:</strong> <a href="https://github.com/{{ site.author.github }}" target="_blank" rel="noopener">github.com/{{ site.author.github }}</a>
</li>
{% endif %}
</ul>
</div>
</section>
</div>