init
BIN
img/slides/1.jpg
Normal file
|
After Width: | Height: | Size: 52 KiB |
BIN
img/slides/1@2x.jpg
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
img/slides/2.jpg
Normal file
|
After Width: | Height: | Size: 117 KiB |
BIN
img/slides/2@2x.jpg
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
img/slides/3.jpg
Normal file
|
After Width: | Height: | Size: 58 KiB |
BIN
img/slides/3@2x.jpg
Normal file
|
After Width: | Height: | Size: 792 KiB |
113
img/slides/hero-ai-1.svg
Normal file
@@ -0,0 +1,113 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2560" height="900" viewBox="0 0 2560 900" role="img" aria-label="AI·데이터·파이썬 전문 강의 배너 이미지">
|
||||
<defs>
|
||||
<linearGradient id="bg1" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#060B1A"/>
|
||||
<stop offset="0.55" stop-color="#0B1F3D"/>
|
||||
<stop offset="1" stop-color="#032A2F"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="accent1" x1="0" y1="1" x2="1" y2="0">
|
||||
<stop offset="0" stop-color="#2563EB" stop-opacity="0.0"/>
|
||||
<stop offset="0.35" stop-color="#2563EB" stop-opacity="0.55"/>
|
||||
<stop offset="0.75" stop-color="#06B6D4" stop-opacity="0.55"/>
|
||||
<stop offset="1" stop-color="#06B6D4" stop-opacity="0.0"/>
|
||||
</linearGradient>
|
||||
<pattern id="grid" width="64" height="64" patternUnits="userSpaceOnUse">
|
||||
<path d="M64 0H0V64" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/>
|
||||
<path d="M0 32H64M32 0V64" fill="none" stroke="rgba(255,255,255,0.035)" stroke-width="1"/>
|
||||
</pattern>
|
||||
<filter id="glow" x="-40%" y="-40%" width="180%" height="180%">
|
||||
<feGaussianBlur stdDeviation="18" result="b"/>
|
||||
<feColorMatrix in="b" type="matrix"
|
||||
values="1 0 0 0 0
|
||||
0 1 0 0 0
|
||||
0 0 1 0 0
|
||||
0 0 0 0.7 0" result="c"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="c"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
<filter id="soft" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feGaussianBlur stdDeviation="28"/>
|
||||
</filter>
|
||||
<linearGradient id="card" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="rgba(255,255,255,0.12)"/>
|
||||
<stop offset="1" stop-color="rgba(255,255,255,0.06)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background -->
|
||||
<rect width="2560" height="900" fill="url(#bg1)"/>
|
||||
<rect width="2560" height="900" fill="url(#grid)" opacity="0.9"/>
|
||||
<rect x="-120" y="120" width="2800" height="520" fill="url(#accent1)" opacity="0.85"/>
|
||||
|
||||
<!-- Glow orbs -->
|
||||
<circle cx="430" cy="220" r="120" fill="rgba(37,99,235,0.75)" filter="url(#soft)"/>
|
||||
<circle cx="2030" cy="260" r="150" fill="rgba(6,182,212,0.65)" filter="url(#soft)"/>
|
||||
<circle cx="1820" cy="670" r="180" fill="rgba(37,99,235,0.30)" filter="url(#soft)"/>
|
||||
|
||||
<!-- Neural graph -->
|
||||
<g opacity="0.95" filter="url(#glow)">
|
||||
<g stroke="rgba(255,255,255,0.22)" stroke-width="2">
|
||||
<path d="M520 630 C780 520, 940 520, 1160 400"/>
|
||||
<path d="M520 630 C820 690, 1040 740, 1320 650"/>
|
||||
<path d="M1160 400 C1380 320, 1560 330, 1760 250"/>
|
||||
<path d="M1320 650 C1560 610, 1720 520, 1960 440"/>
|
||||
<path d="M1960 440 C2100 390, 2230 350, 2380 290"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="520" cy="630" r="10" fill="#93C5FD"/>
|
||||
<circle cx="760" cy="560" r="9" fill="#A5F3FC"/>
|
||||
<circle cx="980" cy="560" r="9" fill="#93C5FD"/>
|
||||
<circle cx="1160" cy="400" r="10" fill="#A5F3FC"/>
|
||||
<circle cx="1320" cy="650" r="10" fill="#93C5FD"/>
|
||||
<circle cx="1560" cy="610" r="9" fill="#A5F3FC"/>
|
||||
<circle cx="1760" cy="250" r="10" fill="#93C5FD"/>
|
||||
<circle cx="1960" cy="440" r="10" fill="#A5F3FC"/>
|
||||
<circle cx="2380" cy="290" r="10" fill="#93C5FD"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Left "code" card -->
|
||||
<g transform="translate(220 250)">
|
||||
<rect x="0" y="0" width="680" height="340" rx="22" fill="url(#card)" stroke="rgba(255,255,255,0.18)"/>
|
||||
<g fill="rgba(255,255,255,0.82)" font-family="ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace" font-size="28">
|
||||
<text x="36" y="64"># 데이터 → 모델 → 배포</text>
|
||||
<text x="36" y="118">import pandas as pd</text>
|
||||
<text x="36" y="164">from sklearn.model_selection import train_test_split</text>
|
||||
<text x="36" y="210">X_train, X_test = train_test_split(X, test_size=0.2)</text>
|
||||
<text x="36" y="256">model.fit(X_train, y_train)</text>
|
||||
<text x="36" y="302">api.deploy(model)</text>
|
||||
</g>
|
||||
<g opacity="0.65">
|
||||
<circle cx="44" cy="24" r="8" fill="#FB7185"/>
|
||||
<circle cx="72" cy="24" r="8" fill="#FBBF24"/>
|
||||
<circle cx="100" cy="24" r="8" fill="#34D399"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Right chart card -->
|
||||
<g transform="translate(1620 520)">
|
||||
<rect x="0" y="0" width="720" height="250" rx="22" fill="url(#card)" stroke="rgba(255,255,255,0.18)"/>
|
||||
<g transform="translate(56 58)">
|
||||
<path d="M0 150H600" stroke="rgba(255,255,255,0.18)" stroke-width="2"/>
|
||||
<g fill="rgba(255,255,255,0.10)">
|
||||
<rect x="0" y="10" width="600" height="140" rx="16"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="32" y="82" width="52" height="68" rx="10" fill="rgba(37,99,235,0.75)"/>
|
||||
<rect x="112" y="44" width="52" height="106" rx="10" fill="rgba(6,182,212,0.75)"/>
|
||||
<rect x="192" y="64" width="52" height="86" rx="10" fill="rgba(147,197,253,0.75)"/>
|
||||
<rect x="272" y="28" width="52" height="122" rx="10" fill="rgba(37,99,235,0.65)"/>
|
||||
<rect x="352" y="58" width="52" height="92" rx="10" fill="rgba(6,182,212,0.65)"/>
|
||||
<rect x="432" y="18" width="52" height="132" rx="10" fill="rgba(147,197,253,0.65)"/>
|
||||
</g>
|
||||
<path d="M24 120 C120 60, 220 90, 300 54 C390 12, 470 36, 560 18" fill="none" stroke="rgba(255,255,255,0.75)" stroke-width="3"/>
|
||||
<g fill="#ffffff" opacity="0.8">
|
||||
<circle cx="24" cy="120" r="6"/><circle cx="120" cy="70" r="6"/><circle cx="220" cy="92" r="6"/>
|
||||
<circle cx="300" cy="54" r="6"/><circle cx="390" cy="18" r="6"/><circle cx="470" cy="36" r="6"/><circle cx="560" cy="18" r="6"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
97
img/slides/hero-ai-2.svg
Normal file
@@ -0,0 +1,97 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2560" height="900" viewBox="0 0 2560 900" role="img" aria-label="데이터 분석과 파이썬 프로젝트 전문 강의 배너 이미지">
|
||||
<defs>
|
||||
<linearGradient id="bg2" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#060A14"/>
|
||||
<stop offset="0.55" stop-color="#102A43"/>
|
||||
<stop offset="1" stop-color="#1B0F2E"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="beam2" x1="0" y1="1" x2="1" y2="0">
|
||||
<stop offset="0" stop-color="rgba(167,139,250,0.0)"/>
|
||||
<stop offset="0.35" stop-color="rgba(167,139,250,0.55)"/>
|
||||
<stop offset="0.7" stop-color="rgba(34,211,238,0.55)"/>
|
||||
<stop offset="1" stop-color="rgba(34,211,238,0.0)"/>
|
||||
</linearGradient>
|
||||
<pattern id="dots" width="22" height="22" patternUnits="userSpaceOnUse">
|
||||
<circle cx="3" cy="3" r="1.2" fill="rgba(255,255,255,0.10)"/>
|
||||
</pattern>
|
||||
<filter id="glow2" x="-40%" y="-40%" width="180%" height="180%">
|
||||
<feGaussianBlur stdDeviation="16" result="b"/>
|
||||
<feColorMatrix in="b" type="matrix"
|
||||
values="1 0 0 0 0
|
||||
0 1 0 0 0
|
||||
0 0 1 0 0
|
||||
0 0 0 0.75 0" result="c"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="c"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
<linearGradient id="panel" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="rgba(255,255,255,0.12)"/>
|
||||
<stop offset="1" stop-color="rgba(255,255,255,0.06)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<rect width="2560" height="900" fill="url(#bg2)"/>
|
||||
<rect width="2560" height="900" fill="url(#dots)" opacity="0.9"/>
|
||||
<path d="M-120 620 C520 380, 940 820, 1600 520 C2050 320, 2280 360, 2720 180"
|
||||
fill="none" stroke="url(#beam2)" stroke-width="180" opacity="0.55"/>
|
||||
|
||||
<!-- Radar rings -->
|
||||
<g opacity="0.55" filter="url(#glow2)">
|
||||
<circle cx="760" cy="520" r="260" fill="none" stroke="rgba(34,211,238,0.35)" stroke-width="3"/>
|
||||
<circle cx="760" cy="520" r="170" fill="none" stroke="rgba(167,139,250,0.30)" stroke-width="3"/>
|
||||
<circle cx="760" cy="520" r="90" fill="none" stroke="rgba(34,211,238,0.25)" stroke-width="3"/>
|
||||
<path d="M760 520 L980 400" stroke="rgba(255,255,255,0.25)" stroke-width="3"/>
|
||||
<circle cx="980" cy="400" r="9" fill="#22D3EE"/>
|
||||
</g>
|
||||
|
||||
<!-- Feature panel: pipeline -->
|
||||
<g transform="translate(1020 240)">
|
||||
<rect x="0" y="0" width="1320" height="210" rx="22" fill="url(#panel)" stroke="rgba(255,255,255,0.18)"/>
|
||||
<g transform="translate(54 54)" font-family="ui-sans-serif, system-ui, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif">
|
||||
<g fill="rgba(255,255,255,0.90)">
|
||||
<text x="0" y="0" font-size="28" font-weight="800">데이터 파이프라인</text>
|
||||
</g>
|
||||
<g transform="translate(0 38)" fill="rgba(255,255,255,0.85)" font-size="22" font-weight="700">
|
||||
<g transform="translate(0 16)">
|
||||
<rect x="0" y="0" width="270" height="74" rx="18" fill="rgba(34,211,238,0.16)" stroke="rgba(34,211,238,0.35)"/>
|
||||
<text x="24" y="48">정제/EDA</text>
|
||||
</g>
|
||||
<g transform="translate(340 16)">
|
||||
<rect x="0" y="0" width="270" height="74" rx="18" fill="rgba(167,139,250,0.14)" stroke="rgba(167,139,250,0.35)"/>
|
||||
<text x="24" y="48">모델링</text>
|
||||
</g>
|
||||
<g transform="translate(680 16)">
|
||||
<rect x="0" y="0" width="270" height="74" rx="18" fill="rgba(34,211,238,0.12)" stroke="rgba(34,211,238,0.30)"/>
|
||||
<text x="24" y="48">LLM/응용</text>
|
||||
</g>
|
||||
<g transform="translate(1020 16)">
|
||||
<rect x="0" y="0" width="246" height="74" rx="18" fill="rgba(255,255,255,0.10)" stroke="rgba(255,255,255,0.20)"/>
|
||||
<text x="24" y="48">배포/대시보드</text>
|
||||
</g>
|
||||
<g stroke="rgba(255,255,255,0.35)" stroke-width="3">
|
||||
<path d="M290 53H330"/><path d="M630 53H670"/><path d="M970 53H1010"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Bottom right: metrics -->
|
||||
<g transform="translate(1460 520)">
|
||||
<rect x="0" y="0" width="880" height="280" rx="22" fill="url(#panel)" stroke="rgba(255,255,255,0.18)"/>
|
||||
<g transform="translate(56 56)" font-family="ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace">
|
||||
<text x="0" y="0" font-size="26" fill="rgba(255,255,255,0.90)">model_report.json</text>
|
||||
<g transform="translate(0 34)" font-size="22" fill="rgba(255,255,255,0.80)">
|
||||
<text x="0" y="42">{ "accuracy": 0.93, "f1": 0.91, "latency_ms": 42 }</text>
|
||||
<text x="0" y="86">{ "drift": "low", "version": "v1.4.2", "owner": "team" }</text>
|
||||
</g>
|
||||
<g transform="translate(0 170)">
|
||||
<rect x="0" y="0" width="760" height="14" rx="7" fill="rgba(255,255,255,0.12)"/>
|
||||
<rect x="0" y="0" width="610" height="14" rx="7" fill="rgba(34,211,238,0.70)"/>
|
||||
<text x="0" y="46" font-size="20" fill="rgba(255,255,255,0.78)">deployment readiness</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
110
img/slides/hero-ai-3.svg
Normal file
@@ -0,0 +1,110 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2560" height="900" viewBox="0 0 2560 900" role="img" aria-label="LLM과 자동화 전문 강의 배너 이미지">
|
||||
<defs>
|
||||
<linearGradient id="bg3" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#070A12"/>
|
||||
<stop offset="0.55" stop-color="#0C1B2A"/>
|
||||
<stop offset="1" stop-color="#001A12"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="flare3" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0" stop-color="rgba(16,185,129,0.00)"/>
|
||||
<stop offset="0.35" stop-color="rgba(16,185,129,0.52)"/>
|
||||
<stop offset="0.70" stop-color="rgba(56,189,248,0.52)"/>
|
||||
<stop offset="1" stop-color="rgba(56,189,248,0.00)"/>
|
||||
</linearGradient>
|
||||
<pattern id="grid3" width="80" height="80" patternUnits="userSpaceOnUse">
|
||||
<path d="M80 0H0V80" fill="none" stroke="rgba(255,255,255,0.045)" stroke-width="1"/>
|
||||
<path d="M0 40H80M40 0V80" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/>
|
||||
</pattern>
|
||||
<filter id="glow3" x="-40%" y="-40%" width="180%" height="180%">
|
||||
<feGaussianBlur stdDeviation="18" result="b"/>
|
||||
<feColorMatrix in="b" type="matrix"
|
||||
values="1 0 0 0 0
|
||||
0 1 0 0 0
|
||||
0 0 1 0 0
|
||||
0 0 0 0.7 0" result="c"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="c"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
<linearGradient id="panel3" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="rgba(255,255,255,0.12)"/>
|
||||
<stop offset="1" stop-color="rgba(255,255,255,0.06)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<rect width="2560" height="900" fill="url(#bg3)"/>
|
||||
<rect width="2560" height="900" fill="url(#grid3)" opacity="0.95"/>
|
||||
<rect x="-220" y="110" width="3000" height="520" fill="url(#flare3)" opacity="0.85"/>
|
||||
|
||||
<!-- Prompt / Response panels -->
|
||||
<g transform="translate(220 230)">
|
||||
<rect x="0" y="0" width="1040" height="190" rx="22" fill="url(#panel3)" stroke="rgba(255,255,255,0.18)"/>
|
||||
<g transform="translate(44 52)" font-family="ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace" font-size="24">
|
||||
<text x="0" y="0" fill="rgba(255,255,255,0.92)">PROMPT</text>
|
||||
<text x="0" y="52" fill="rgba(255,255,255,0.82)">고객 문의를 요약하고 분류한 뒤, 답변 초안을 생성해줘.</text>
|
||||
<text x="0" y="104" fill="rgba(255,255,255,0.72)">입력: CSV / 출력: 대시보드 + 자동메일</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(220 460)">
|
||||
<rect x="0" y="0" width="1040" height="240" rx="22" fill="url(#panel3)" stroke="rgba(255,255,255,0.18)"/>
|
||||
<g transform="translate(44 52)" font-family="ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace" font-size="24">
|
||||
<text x="0" y="0" fill="rgba(255,255,255,0.92)">RESPONSE</text>
|
||||
<text x="0" y="52" fill="rgba(255,255,255,0.82)">- 요약: 결제/환불 문의 비중 증가</text>
|
||||
<text x="0" y="98" fill="rgba(255,255,255,0.82)">- 분류: Billing / Support / Feature</text>
|
||||
<text x="0" y="144" fill="rgba(255,255,255,0.74)">- 자동화: 템플릿 메일 + KPI 대시보드 업데이트</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Token stream -->
|
||||
<g opacity="0.95" filter="url(#glow3)">
|
||||
<path d="M1320 330 C1500 220, 1780 210, 1980 300 C2200 400, 2300 520, 2400 650"
|
||||
fill="none" stroke="rgba(56,189,248,0.55)" stroke-width="6"/>
|
||||
<path d="M1320 330 C1510 430, 1710 510, 1960 520 C2140 530, 2280 610, 2400 650"
|
||||
fill="none" stroke="rgba(16,185,129,0.50)" stroke-width="6"/>
|
||||
<g fill="#ffffff" opacity="0.75">
|
||||
<circle cx="1320" cy="330" r="8"/>
|
||||
<circle cx="1520" cy="250" r="7"/>
|
||||
<circle cx="1760" cy="240" r="7"/>
|
||||
<circle cx="1980" cy="300" r="8"/>
|
||||
<circle cx="2140" cy="460" r="7"/>
|
||||
<circle cx="2280" cy="560" r="7"/>
|
||||
<circle cx="2400" cy="650" r="9"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Right dashboard panel -->
|
||||
<g transform="translate(1500 260)">
|
||||
<rect x="0" y="0" width="860" height="520" rx="26" fill="url(#panel3)" stroke="rgba(255,255,255,0.18)"/>
|
||||
<g transform="translate(56 56)" font-family="ui-sans-serif, system-ui, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif">
|
||||
<text x="0" y="0" font-size="30" font-weight="900" fill="rgba(255,255,255,0.92)">운영 대시보드</text>
|
||||
<g transform="translate(0 34)" fill="rgba(255,255,255,0.78)" font-size="20" font-weight="700">
|
||||
<text x="0" y="40">문의 자동 분류</text>
|
||||
<text x="0" y="86">요약/답변 초안</text>
|
||||
<text x="0" y="132">주간 리포트</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(0 210)">
|
||||
<rect x="0" y="0" width="748" height="190" rx="20" fill="rgba(255,255,255,0.08)"/>
|
||||
<g transform="translate(28 38)">
|
||||
<g fill="rgba(255,255,255,0.16)">
|
||||
<rect x="0" y="0" width="690" height="12" rx="6"/>
|
||||
<rect x="0" y="44" width="690" height="12" rx="6"/>
|
||||
<rect x="0" y="88" width="690" height="12" rx="6"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="0" y="0" width="540" height="12" rx="6" fill="rgba(56,189,248,0.75)"/>
|
||||
<rect x="0" y="44" width="460" height="12" rx="6" fill="rgba(16,185,129,0.75)"/>
|
||||
<rect x="0" y="88" width="620" height="12" rx="6" fill="rgba(147,197,253,0.75)"/>
|
||||
</g>
|
||||
<g fill="rgba(255,255,255,0.82)" font-size="18" font-weight="800" font-family="ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace">
|
||||
<text x="0" y="150">latency: 38ms</text>
|
||||
<text x="240" y="150">throughput: 2.1k/day</text>
|
||||
<text x="520" y="150">f1: 0.92</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 5.7 KiB |