PageSourceSearch

https://syblog924.netlify.app/

html syblog924.netlify.app collected 2026-10-03 11:28:28 UTC 6,965 bytes, 167 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="ko">
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Visualizing Intelligence | Seoyeon Jun</title>
8    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
9    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
10    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
11    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
12
13    <!-- Google Analytics 4 -->
vendor: 68 bytes, lines 13-14
13
14    <script async src="https://www.googletagmanager.com/gtag/js?id=
14G-MT0E72KFBY
vendor: 16 bytes, lines 14-15
14"></script>
15    
15<script>
16      
vendor: 145 bytes, lines 16-19
16window.dataLayer = window.dataLayer || [];
17      function gtag(){dataLayer.push(arguments);}
18      gtag('js', new Date());
19      gtag('config', '
19G-MT0E72KFBY
vendor: 8 bytes, lines 19-20
19');
20    
20</script>
20
21
22    <!-- SEO Meta Tags -->
23    <meta name="description" content="전서연의 데이터 시각화 & BI 컨설팅 블로그. Tableau 팁, AI 분석 워크플로우, 대시보드 디자인, 데이터 리터러시 실전 인사이트를 공유합니다.">
24    <meta name="keywords" content="전서연, Seoyeon Jun, 데이터 시각화, Data Visualization, 태블로, Tableau, BI 컨설팅, 대시보드 디자인, AI 분석, 데이터 리터러시, DataBridge, KPI 대시보드, 바이브 코딩, Vibe Coding">
25    <meta name="author" content="Seoyeon Jun (전서연)">
26
27    <!-- Google Search Console Verification -->
28    <meta name="google-site-verification" content="Ha3k0ErieRuc5-be_1IXYySoVro3znd53AOHfX4NGS8" />
29
30    <!-- Naver Webmaster Verification (Replace YOUR_NAVER_CODE after registering at https://searchadvisor.naver.com) -->
31    <!-- <meta name="naver-site-verification" content="YOUR_NAVER_CODE" /> -->
32
33    <!-- Open Graph / Facebook -->
34    <meta property="og:type" content="website">
35    <meta property="og:url" content="https://syblog924.netlify.app/">
36    <meta property="og:title" content="Visualizing Intelligence | 전서연 데이터 시각화 블로그">
37    <meta property="og:description" content="전서연의 데이터 시각화 & BI 컨설팅 블로그. Tableau 팁, AI 분석, 대시보드 디자인 인사이트.">
38    <meta property="og:image" content="https://syblog924.netlify.app/og-image.png">
39    <meta property="og:image:type" content="image/png">
40    <meta property="og:image:width" content="1200">
41    <meta property="og:image:height" content="630">
42    <meta property="og:locale" content="ko_KR">
43    <meta property="og:site_name" content="Visualizing Intelligence">
44
45    <!-- Twitter -->
46    <meta property="twitter:card" content="summary_large_image">
47    <meta property="twitter:url" content="https://syblog924.netlify.app/">
48    <meta property="twitter:title" content="Visualizing Intelligence | 전서연 데이터 시각화 블로그">
49    <meta property="twitter:description" content="전서연의 데이터 시각화 & BI 컨설팅 블로그. Tableau 팁, AI 분석, 대시보드 디자인 인사이트.">
50    <meta property="twitter:image" content="https://syblog924.netlify.app/og-image.png">
51
52    <!-- Canonical URL -->
53    <link rel="canonical" href="https://syblog924.netlify.app/">
54
55    <!-- JSON-LD Structured Data: Person -->
56    
56<script type="application/ld+json">
57    {
58      "@context": "https://schema.org",
59      "@type": "Person",
60      "name": "Seoyeon Jun",
61      "alternateName": "전서연",
62      "url": "https://syblog924.netlify.app",
63      "image": "https://syblog924.netlify.app/og-image.png",
64      "jobTitle": "DataBridge CEO & 5x Tableau Ambassador",
65      "worksFor": {
66        "@type": "Organization",
67        "name": "DataBridge"
68      },
69      "description": "데이터 시각화 & BI 컨설턴트. Tableau, AI 분석, 대시보드 디자인 전문.",
70      "sameAs": [
71        "https://www.linkedin.com/in/seoyeonjun/",
72        "https://public.tableau.com/app/profile/.83057946/vizzes"
73      ],
74      "knowsAbout": [
75        "Data Visualization", "데이터 시각화",
76        "Business Intelligence", "비즈니스 인텔리전스",
77        "Tableau", "태블로",
78        "Dashboard Design", "대시보드 디자인",
79        "AI Analytics", "AI 분석",
80        "Data Literacy", "데이터 리터러시"
81      ]
82    }
83    </script>
83
84    <!-- JSON-LD Structured Data: Blog -->
85    
85<script type="application/ld+json">
86    {
87      "@context": "https://schema.org",
88      "@type": "Blog",
89      "name": "Visualizing Intelligence",
90      "description": "전서연의 데이터 시각화 & BI 컨설팅 블로그",
91      "url": "https://syblog924.netlify.app/blog",
92      "author": {
93        "@type": "Person",
94        "name": "Seoyeon Jun",
95        "alternateName": "전서연"
96      },
97      "inLanguage": ["ko", "en"],
98      "about": [
99        {"@type": "Thing", "name": "Tableau"},
100        {"@type": "Thing", "name": "Data Visualization"},
101        {"@type": "Thing", "name": "AI Analytics"},
102        {"@type": "Thing", "name": "Dashboard Design"}
103      ]
104    }
105    </script>
105
106    <!-- JSON-LD: WebSite with SearchAction for sitelinks -->
107    
107<script type="application/ld+json">
108    {
109      "@context": "https://schema.org",
110      "@type": "WebSite",
111      "name": "Visualizing Intelligence",
112      "alternateName": "전서연 데이터 시각화 블로그",
113      "url": "https://syblog924.netlify.app"
114    }
115    </script>
115
116
117    
117<script src="https://cdn.tailwindcss.com"></script>
117
118    
118<script>
119      tailwind.config = {
120        darkMode: 'class',
121      }
122    </script>
122
123    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
124    <link href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" rel="stylesheet">
125    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&display=swap" rel="stylesheet" />
126    <style>
127        html {
128            scroll-behavior: smooth;
129        }
130        body {
131            font-family: 'Poppins', sans-serif;
132            background-color: #F5F4F0;
133            color: #000000;
134        }
135        .heavy-header {
136            font-weight: 800;
137            letter-spacing: -0.04em;
138            line-height: 0.9;
139        }
140        .brutalist-border {
141            border: 2px solid #000000;
142        }
143        ::-webkit-scrollbar {
144            width: 8px;
145        }
146        ::-webkit-scrollbar-track {
147            background: #F5F4F0;
148        }
149        ::-webkit-scrollbar-thumb {
150            background: #000000;
151        }
152        .no-scrollbar::-webkit-scrollbar {
153            display: none;
154        }
155        .no-scrollbar {
156            -ms-overflow-style: none;
157            scrollbar-width: none;
158        }
159    </style>
160<!-- CSS is imported via index.tsx for Vite -->
161  
161<script type="module" crossorigin src="/assets/index-BHmgKu9k.js"></script>
161
162  <link rel="stylesheet" crossorigin href="/assets/index-DXBefRdm.css">
163</head>
164<body>
165    <div id="root"></div>
166</body>
167</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.