초보자 진입점 통합 + HF Spaces 브랜딩 강화

- HF Spaces app.py 전면 재작성: 탭 제거→단일 플로우, dartlab 다크 테마, 통합 검색+분석 핸들러, 푸터 링크
- HF Spaces Gradio 6.x 업그레이드 (sdk_version 5.50.0→6.10.0, Configuration error 해결)
- Blog 123 ↔ docs 양방향 크로스링크 (더 깊이 배우기 섹션, quickstart callout)
- README 영/한 동시: header에 Live Demo, Try It Now에 HF Spaces, Documentation에 Blog 123
- 랜딩 Hero/CTA에 Live Demo + Open in Colab 버튼 추가
- brand.ts에 colab URL 중앙 관리 추가

Author: eddmpython

.github/workflows/hfSpaces.yml

@@ -32,7 +32,7 @@ emoji: 📊
 colorFrom: red
 colorTo: yellow
 sdk: gradio
-sdk_version: "5.50.0"
+sdk_version: "6.10.0"
 app_file: app.py
 pinned: true
 license: mit

README.md

@@ -19,7 +19,7 @@
 </p>
 
 <p>
-<a href="https://eddmpython.github.io/dartlab/">Docs</a> · <a href="https://eddmpython.github.io/dartlab/blog/">Blog</a> · <a href="notebooks/marimo/">Marimo Notebooks</a> · <a href="https://colab.research.google.com/github/eddmpython/dartlab/blob/master/notebooks/showcase/01_quickstart.ipynb">Open in Colab</a> · <a href="README_KR.md">한국어</a> · <a href="https://buymeacoffee.com/eddmpython">Sponsor</a>
+<a href="https://eddmpython.github.io/dartlab/">Docs</a> · <a href="https://eddmpython.github.io/dartlab/blog/">Blog</a> · <a href="https://huggingface.co/spaces/eddmpython/dartlab">Live Demo</a> · <a href="notebooks/marimo/">Marimo Notebooks</a> · <a href="https://colab.research.google.com/github/eddmpython/dartlab/blob/master/notebooks/showcase/01_quickstart.ipynb">Open in Colab</a> · <a href="README_KR.md">한국어</a> · <a href="https://buymeacoffee.com/eddmpython">Sponsor</a>
 </p>
 
 <p>
@@ -1019,6 +1019,14 @@ dartlab collect --batch --mode all         # re-collect everything
 
 ## Try It Now
 
+### Live Demo (No Install)
+
+Try DartLab instantly — no Python, no terminal, no setup:
+
+**[→ Open Live Demo](https://huggingface.co/spaces/eddmpython/dartlab)** — enter a stock code, see financials immediately
+
+Or open a [Colab notebook](https://colab.research.google.com/github/eddmpython/dartlab/blob/master/notebooks/showcase/01_quickstart.ipynb) in your browser.
+
 ### Marimo Notebooks
 
 > Data is automatically downloaded on first use. No setup required unless collecting new companies directly from DART.
@@ -1066,6 +1074,7 @@ marimo edit notebooks/marimo/aiAnalysis.py     # AI analysis examples
 - Sections guide: https://eddmpython.github.io/dartlab/docs/getting-started/sections
 - Quick start: https://eddmpython.github.io/dartlab/docs/getting-started/quickstart
 - API overview: https://eddmpython.github.io/dartlab/docs/api/overview
+- Beginner guide (Korean): https://eddmpython.github.io/dartlab/blog/dartlab-easy-start/
 
 ### Blog
 

README_KR.md

@@ -19,7 +19,7 @@
 </p>
 
 <p>
-<a href="https://eddmpython.github.io/dartlab/">문서</a> · <a href="https://eddmpython.github.io/dartlab/blog/">블로그</a> · <a href="notebooks/marimo/">Marimo 노트북</a> · <a href="https://colab.research.google.com/github/eddmpython/dartlab/blob/master/notebooks/getting-started/quickstart.ipynb">Colab에서 열기</a> · <a href="README.md">English</a> · <a href="https://buymeacoffee.com/eddmpython">후원</a>
+<a href="https://eddmpython.github.io/dartlab/">문서</a> · <a href="https://eddmpython.github.io/dartlab/blog/">블로그</a> · <a href="https://huggingface.co/spaces/eddmpython/dartlab">라이브 데모</a> · <a href="notebooks/marimo/">Marimo 노트북</a> · <a href="https://colab.research.google.com/github/eddmpython/dartlab/blob/master/notebooks/getting-started/quickstart.ipynb">Colab에서 열기</a> · <a href="README.md">English</a> · <a href="https://buymeacoffee.com/eddmpython">후원</a>
 </p>
 
 <p>
@@ -1019,6 +1019,14 @@ dartlab collect --batch --mode all         # 전체 재수집
 
 ## 바로 시작하기
 
+### 라이브 데모 (설치 불필요)
+
+Python, 터미널, 설정 모두 필요 없다. 브라우저에서 바로:
+
+**[→ 라이브 데모 열기](https://huggingface.co/spaces/eddmpython/dartlab)** — 종목코드 입력하면 재무제표 바로 출력
+
+또는 [Colab 노트북](https://colab.research.google.com/github/eddmpython/dartlab/blob/master/notebooks/getting-started/quickstart.ipynb)을 브라우저에서 열 수 있다.
+
 ### Marimo 노트북
 
 > 데이터는 첫 사용 시 자동 다운로드된다. DART에서 직접 수집하지 않는 한 별도 설정 불필요.
@@ -1046,6 +1054,7 @@ marimo edit notebooks/marimo/aiAnalysis.py     # AI 분석 예시
 - Sections 가이드: https://eddmpython.github.io/dartlab/docs/getting-started/sections
 - 빠른 시작: https://eddmpython.github.io/dartlab/docs/getting-started/quickstart
 - API 개요: https://eddmpython.github.io/dartlab/docs/api/overview
+- 초보자 가이드: https://eddmpython.github.io/dartlab/blog/dartlab-easy-start/
 
 ### 블로그
 

blog/06-dartlab-news/123-dartlab-easy-start/index.md

@@ -280,6 +280,24 @@ uv run python main.py
 
 ---
 
+## 더 깊이 배우기
+
+### 공식 문서
+
+설치가 끝났다면, 공식 문서에서 dartlab의 전체 기능을 체계적으로 배울 수 있다.
+
+- [Quick Start](https://eddmpython.github.io/dartlab/docs/getting-started/quickstart) — sections, show, trace, diff 전체 흐름
+- [11개 튜토리얼](https://eddmpython.github.io/dartlab/docs/tutorials/) — 기초부터 심화까지, Colab에서 바로 실행 가능
+
+### 설치 없이 브라우저에서 바로
+
+컴퓨터에 아무것도 설치하지 않고 dartlab을 체험할 수도 있다.
+
+- [HF Spaces 데모](https://huggingface.co/spaces/eddmpython/dartlab) — 종목코드 입력하면 바로 결과
+- [Colab 노트북](https://colab.research.google.com/github/eddmpython/dartlab/blob/master/notebooks/showcase/01_quickstart.ipynb) — Google 계정만 있으면 실행
+
+---
+
 ## 다음 단계
 
 dartlab이 설치됐다면 아래 글에서 각 기능을 더 깊이 파볼 수 있다.

docs/getting-started/quickstart.md

@@ -6,6 +6,10 @@ title: Quick Start
 
 [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/eddmpython/dartlab/blob/master/notebooks/getting-started/quickstart.ipynb)
 
+> **프로그래밍이 처음이라면?** Python 설치부터 안내하는 [초보자 가이드 (블로그)](https://eddmpython.github.io/dartlab/blog/dartlab-easy-start/)를 먼저 보세요. 5분이면 첫 분석까지 끝납니다.
+>
+> **설치 없이 바로 해보고 싶다면?** [HF Spaces 데모](https://huggingface.co/spaces/eddmpython/dartlab)에서 브라우저만으로 체험하거나, 위 Colab 배지를 클릭하세요.
+
 Everything in DartLab starts with `c.sections`. The rest (`show`, `trace`, `diff`, `BS`, `ratios`) are all views on top of sections.
 
 ## Installation
@@ -149,7 +153,9 @@ Or open the [Colab quickstart notebook](https://colab.research.google.com/github
 
 ## Next Steps
 
+- [Tutorials](../tutorials/) — 11 step-by-step tutorials, each runnable on Colab
 - [Sections Guide](./sections) — sections structure, columns, filtering
 - [API Overview](../api/overview) — full API reference
 - [Disclosure Text Tutorial](../tutorials/06_disclosure) — working with text/table blocks
 - [Stability Policy](../stability)
+- [Beginner install guide (블로그)](https://eddmpython.github.io/dartlab/blog/dartlab-easy-start/) — from zero to first analysis, 5 minutes

landing/src/lib/brand.ts

@@ -10,6 +10,7 @@ export const brand = {
 	coffee: 'https://buymeacoffee.com/eddmpython',
 	desktop: 'https://github.com/eddmpython/dartlab-desktop/releases/latest/download/DartLab.exe',
 	spaces: 'https://huggingface.co/spaces/eddmpython/dartlab',
+	colab: 'https://colab.research.google.com/github/eddmpython/dartlab/blob/master/notebooks/showcase/01_quickstart.ipynb',
 	author: 'eddmpython',
 
 	hfRepo: 'eddmpython/dartlab-data',

landing/src/lib/components/sections/CTA.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { base } from '$app/paths';
+	import { brand } from '$lib/brand';
 	import { Button } from '$lib/components/ui/button';
 </script>
 
@@ -35,6 +36,7 @@
 				<div class="flex flex-wrap items-center justify-center gap-4">
 					<Button href="#install">Install</Button>
 					<Button variant="secondary" href="{base}/docs/">Documentation →</Button>
+					<Button variant="secondary" href={brand.spaces}>Live Demo →</Button>
 				</div>
 			</div>
 		</div>

landing/src/lib/components/sections/Hero.svelte

@@ -51,6 +51,8 @@
 			</Button>
 			<Button variant="secondary" href="#install">pip / uv Install</Button>
 			<Button variant="secondary" href="{base}/docs/">Docs</Button>
+			<Button variant="secondary" href={brand.spaces}>Live Demo</Button>
+			<Button variant="secondary" href={brand.colab}>Open in Colab</Button>
 		</div>
 
 		<div class="grid grid-cols-2 md:grid-cols-4 gap-3 max-w-3xl mx-auto">