data-droid.github.io/index.html at master · data-droid/data-droid.github.io · GitHub

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
109
110
111
112
113
114
115
116
117
---
layout: default
lang: ko
title: Data Droid Blog
description: 데이터 엔지니어가 다루는 기술 블로그
---

<div class="home-page">
  <!-- Hero Section -->
  <section class="hero">
    <div class="hero-background">
      <div class="hero-particles"></div>
    </div>
    <div class="hero-content">
      <div class="hero-badge">
        <span>🚀 데이터 엔지니어링 블로그</span>
      </div>
      <h1 class="hero-title">
        <span class="title-line">Data Droid</span>
        <span class="title-line">Blog</span>
      </h1>
      <p class="hero-description">{{ site.description }}</p>
      <div class="hero-stats">
        <div class="stat-item">
          <span class="stat-number">5+</span>
          <span class="stat-label">카테고리</span>
        </div>
        <div class="stat-item">
          <span class="stat-number">10+</span>
          <span class="stat-label">기술 포스트</span>
        </div>
        <div class="stat-item">
          <span class="stat-number">100%</span>
          <span class="stat-label">실무 중심</span>
        </div>
      </div>
      <div class="hero-buttons">

        <a href="{{ site.baseurl }}/about/" class="btn btn-secondary">
          <span class="btn-icon">👨‍💻</span>
          {{ site.data.ko.nav.about | default: "소개" }}
        </a>
      </div>
    </div>
  </section>


  <!-- Categories Section -->
  <section class="categories">
    <div class="container">
      <div class="section-header">
        <h2 class="section-title">{{ site.data.ko.nav.categories | default: "카테고리" }}</h2>
        <p class="section-subtitle">데이터 엔지니어링 영역</p>
      </div>
      <div class="category-grid">
        <div class="category-card featured">
          <div class="category-icon">🏗️</div>
          <h3>{{ site.data.ko.categories.data_engineering | default: "데이터 엔지니어링" }}</h3>
          <p>ETL/ELT 파이프라인, 데이터 웨어하우스, 데이터 레이크</p>

          <a href="{{ site.baseurl }}/categories/data-engineering/" class="category-link">
            {{ site.data.ko.blog.read_more | default: "더 보기" }}
            <span class="arrow">→</span>
          </a>
        </div>

        <div class="category-card">
          <div class="category-icon">📊</div>
          <h3>{{ site.data.ko.categories.bi_engineering | default: "BI 엔지니어링" }}</h3>
          <p>데이터 시각화, 대시보드, 리포트 자동화</p>

          <a href="{{ site.baseurl }}/categories/bi-engineering/" class="category-link">
            {{ site.data.ko.blog.read_more | default: "더 보기" }}
            <span class="arrow">→</span>
          </a>
        </div>

        <div class="category-card">
          <div class="category-icon">🛠️</div>
          <h3>{{ site.data.ko.categories.infrastructure_tools | default: "인프라 & 도구" }}</h3>
          <p>클라우드 인프라, 컨테이너 기술, 개발 도구</p>

          <a href="{{ site.baseurl }}/categories/infrastructure-tools/" class="category-link">
            {{ site.data.ko.blog.read_more | default: "더 보기" }}
            <span class="arrow">→</span>
          </a>
        </div>

        <div class="category-card">
          <div class="category-icon">🔍</div>
          <h3>{{ site.data.ko.categories.data_quality | default: "데이터 품질" }}</h3>
          <p>데이터 거버넌스, 모니터링, 검증</p>

          <a href="{{ site.baseurl }}/categories/data-quality/" class="category-link">
            {{ site.data.ko.blog.read_more | default: "더 보기" }}
            <span class="arrow">→</span>
          </a>
        </div>

        <div class="category-card">
          <div class="category-icon">📚</div>
          <h3>{{ site.data.ko.categories.data_ai | default: "Data AI" }}</h3>
          <p>AI 기반 예측, 자연어 쿼리, 자동화된 분석</p>

          <a href="{{ site.baseurl }}/categories/data-ai/" class="category-link">
            {{ site.data.ko.blog.read_more | default: "더 보기" }}
            <span class="arrow">→</span>
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- Latest Posts Section -->
  {% include latest-posts.html limit=4 %}

</div>