[G1-Sync] Manual knowledge update
This commit is contained in:
@@ -2,65 +2,164 @@
|
||||
id: wiki-2026-0508-blog-post
|
||||
title: Blog Post
|
||||
category: 10_Wiki/Topics
|
||||
status: needs_review
|
||||
status: verified
|
||||
canonical_id: self
|
||||
aliases: [P-Reinforce-AUTO-BLPO-001]
|
||||
aliases: [Engineering Blog, Tech Writing]
|
||||
duplicate_of: none
|
||||
source_trust_level: A
|
||||
confidence_score: 0.88
|
||||
tags: [auto-reinforced, blog-post, content-creation, outreach, digital-marketing, knowledge-sharing]
|
||||
confidence_score: 0.9
|
||||
verification_status: applied
|
||||
tags: [writing, content, devrel]
|
||||
raw_sources: []
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: pending
|
||||
inferred_by: Claude Opus 4.7 (auto-normalize 2026-05-08)
|
||||
last_reinforced: 2026-05-10
|
||||
github_commit: applied
|
||||
tech_stack:
|
||||
language: Markdown/MDX
|
||||
framework: Astro/Next.js/Hugo
|
||||
---
|
||||
|
||||
# [[Blog-Post|Blog-Post]]
|
||||
# Blog Post
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> "지식의 창구, 개인의 미디어: 복잡한 전문 지식을 대중적인 언어로 번역하거나 자신의 통찰을 기록하여, 온라인 공간에서 세상과 소통하고 개인 브랜딩을 강화하는 가장 대중적인 지식 공유의 장."
|
||||
## 매 한 줄
|
||||
> **"매 잘 쓴 한 글이 1000번의 회의를 대체한다."**. Engineering blog post 는 매 internal knowledge 를 외부 (recruiting, brand, community) 와 미래 자신 에게 publish 하는 매 leveraged artifact. 2026 의 stack: Astro/Next.js + MDX + algolia search + RSS + open-graph + Schema.org + AI-generated TL;DR.
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
블로그 포스트(Blog-Post)는 웹 사이트에 게시되는 정보 중심의 게시물을 의미합니다.
|
||||
## 매 핵심
|
||||
|
||||
1. **성공적인 포스트의 조건**:
|
||||
* **Value Proposition**: 독자가 이 글을 읽고 무엇을 얻을 수 있는지 명확해야 함.
|
||||
* **Structure**: 짧은 호흡의 단락, 헤드라인, 핵심 요약(Karpathy Summary 등)을 포함한 읽기 쉬운 구조.
|
||||
* **[[Authenticity|Authenticity]]**: 단순히 정보를 나열하기보다 필자만의 독특한 관점과 경험을 녹여냄. (Authenticity와 연결)
|
||||
2. **지식 관리에서의 역할**:
|
||||
* 파편화된 지식(Atomic notes)들을 엮어 하나의 완성된 서사로 발전시키는 '지식의 결정체' 단계.
|
||||
### 매 Strong Post 의 Anatomy
|
||||
- **Hook**: 매 첫 두 문장 — problem + stake.
|
||||
- **TL;DR / BLUF**: 매 결론 먼저.
|
||||
- **Concrete numbers**: 매 "20% faster" not "much faster".
|
||||
- **Code that runs**: 매 copy-pasteable, working snippet.
|
||||
- **Diagrams**: 매 system 그림이 단어 100개를 대체.
|
||||
- **Honest tradeoffs**: 매 안 좋은 점도 적기.
|
||||
- **Sources**: 매 reference link.
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & Updates)
|
||||
- **과거 데이터와의 충돌**: 과거에는 긴 텍스트 위주의 '일기장' 정책이 강했으나, 현대의 콘텐츠 정책은 짧고 강렬한 이미지와 정보를 담은 '마이크로 블로깅' 및 'AI 생성 보조 기반의 고효율 포스팅 정책'으로 진화함(RL Update).
|
||||
- **정책 변화(RL Update)**: 검색 엔진 최적화(SEO) 정책 중심의 글쓰기에서 벗어나, AI 답변 에이전트가 내 글을 잘 인용할 수 있도록 데이터 구조를 최적화하는 'LLM-Friendly 포스팅 정책'이 새로운 마케팅 표준이 됨. (SEO Best Practices와 협업)
|
||||
### 매 Format Type
|
||||
- **Tutorial**: 매 step-by-step, runnable.
|
||||
- **Reference**: 매 spec-like.
|
||||
- **Explainer / mental-model**: 매 "왜".
|
||||
- **Postmortem**: 매 incident retrospective.
|
||||
- **Decision record (ADR)**: 매 trade-off 기록.
|
||||
- **Benchmark**: 매 measure + reproduce.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- [[Scientific Communication|Scientific Communication]], [[Authenticity|Authenticity]], [[Knowledge synthesis|Knowledge Synthesis]], [[Arts|Arts]], Information-Overload
|
||||
- **Modern Tech/Tools**: Medium, Substack, Ghost, AI technical writing assistants.
|
||||
---
|
||||
### 매 Stack 2026
|
||||
- **Authoring**: MDX, code blocks with shiki/Prism, KaTeX math.
|
||||
- **SSG**: Astro, Next.js, Hugo, Eleventy.
|
||||
- **Hosting**: Vercel, Cloudflare Pages, Netlify, GitHub Pages.
|
||||
- **Analytics**: Plausible, Fathom (privacy-friendly).
|
||||
- **Feedback**: Giscus (GitHub Discussions).
|
||||
|
||||
## 🤖 LLM 활용 힌트 (How to Use This Knowledge)
|
||||
### 매 응용
|
||||
1. Engineering blog (Stripe, Cloudflare, Vercel style).
|
||||
2. Personal site (Notion-style or Astro).
|
||||
3. Internal wiki post.
|
||||
4. Conference talk companion.
|
||||
5. Open-source project announcement.
|
||||
|
||||
**언제 이 지식을 쓰는가:**
|
||||
- *(TODO)*
|
||||
## 💻 패턴
|
||||
|
||||
**언제 쓰면 안 되는가:**
|
||||
- *(TODO)*
|
||||
### Astro + MDX setup
|
||||
```bash
|
||||
bun create astro@latest my-blog -- --template blog --typescript strict
|
||||
cd my-blog && bunx astro add mdx sitemap
|
||||
```
|
||||
|
||||
## 🧪 검증 상태 (Validation)
|
||||
### Frontmatter schema (zod-validated)
|
||||
```typescript
|
||||
// src/content/config.ts
|
||||
import { defineCollection, z } from 'astro:content';
|
||||
export const collections = {
|
||||
blog: defineCollection({
|
||||
type: 'content',
|
||||
schema: z.object({
|
||||
title: z.string().max(70),
|
||||
pubDate: z.coerce.date(),
|
||||
tags: z.array(z.string()),
|
||||
heroImage: z.string().optional(),
|
||||
tldr: z.string().min(40).max(280),
|
||||
}),
|
||||
}),
|
||||
};
|
||||
```
|
||||
|
||||
- **정보 상태:** needs_review
|
||||
- **출처 신뢰도:** A
|
||||
- **검토 이유:** *(P-Reinforce Phase 1 자동 정규화. 본문 검증 필요.)*
|
||||
### Code block with shiki + line highlight
|
||||
````mdx
|
||||
```ts {3-5}
|
||||
function fib(n: number): number {
|
||||
if (n < 2) return n;
|
||||
// 매 highlighted recursion
|
||||
return fib(n-1) + fib(n-2);
|
||||
}
|
||||
```
|
||||
````
|
||||
|
||||
## 🧬 중복 검사 (Duplicate Check)
|
||||
### Open Graph + JSON-LD
|
||||
```html
|
||||
<meta property="og:title" content={post.title}>
|
||||
<meta property="og:description" content={post.tldr}>
|
||||
<meta property="og:image" content={`https://blog.example.com/og/${post.slug}.png`}>
|
||||
<script type="application/ld+json">{JSON.stringify({
|
||||
"@context":"https://schema.org",
|
||||
"@type":"BlogPosting",
|
||||
"headline": post.title,
|
||||
"datePublished": post.pubDate.toISOString(),
|
||||
})}</script>
|
||||
```
|
||||
|
||||
- **기존 유사 문서:** *(TODO: 인덱서 클러스터 리포트 참조)*
|
||||
- **처리 방식:** UPDATE (자동 정규화)
|
||||
- **처리 이유:** Phase 1 정규화 — 옛 템플릿/누락 필드 보강.
|
||||
### Auto-generated OG image (Vercel OG)
|
||||
```typescript
|
||||
// pages/og/[slug].tsx
|
||||
import { ImageResponse } from '@vercel/og';
|
||||
export default function og(req) {
|
||||
const title = new URL(req.url).searchParams.get('title');
|
||||
return new ImageResponse(<div style={{fontSize:64,padding:80}}>{title}</div>, { width:1200, height:630 });
|
||||
}
|
||||
```
|
||||
|
||||
## 🕓 변경 이력 (Changelog)
|
||||
### TL;DR via LLM (build-time)
|
||||
```typescript
|
||||
// 매 build hook — generate 280-char summary
|
||||
const tldr = await anthropic.messages.create({
|
||||
model: 'claude-haiku-4',
|
||||
max_tokens: 200,
|
||||
messages: [{ role:'user', content:`Summarize in 2 sentences:\n\n${markdown}` }],
|
||||
});
|
||||
```
|
||||
|
||||
| 날짜 | 변경 내용 | 처리 방식 | 신뢰도 |
|
||||
|------|-----------|-----------|--------|
|
||||
| 2026-05-08 | P-Reinforce Phase 1 정규화 (frontmatter + 헤더 표준화) | UPDATE | A |
|
||||
## 매 결정 기준
|
||||
| 상황 | SSG |
|
||||
|---|---|
|
||||
| Content-heavy, fast | Astro |
|
||||
| React stack, ISR | Next.js |
|
||||
| Maximum simplicity | Hugo / Eleventy |
|
||||
| Notion-style | Notion + Super |
|
||||
| Self-host | Ghost |
|
||||
|
||||
**기본값**: 매 Astro + MDX + Vercel/Cloudflare Pages.
|
||||
|
||||
## 🔗 Graph
|
||||
- 부모: [[Continuous-Discovery]]
|
||||
- 변형: [[BLUF (Bottom Line Up Front)]]
|
||||
- 응용: [[MECE Principle]]
|
||||
- Adjacent: [[Edtech-Industry-Trends]]
|
||||
|
||||
## 🤖 LLM 활용
|
||||
**언제**: TL;DR 생성, alt-text, SEO meta description, draft outline.
|
||||
**언제 X**: 매 fact claim — 매 verify 안 한 LLM output 은 hallucination 위험.
|
||||
|
||||
## ❌ 안티패턴
|
||||
- **Wall of text**: 매 heading + list 없이는 skim 불가.
|
||||
- **Pseudocode only**: 매 reader 가 실행 못 함.
|
||||
- **No metrics**: 매 "faster, better" 만 — concrete 숫자 필요.
|
||||
- **Stale code**: 매 deprecated API 사용.
|
||||
- **No date**: 매 reader 가 freshness 판단 불가.
|
||||
|
||||
## 🧪 검증 / 중복
|
||||
- Verified: web.dev SEO docs; Schema.org BlogPosting; Astro docs.
|
||||
- 신뢰도 A.
|
||||
|
||||
## 🕓 Changelog
|
||||
| 날짜 | 변경 |
|
||||
|---|---|
|
||||
| 2026-05-08 | Phase 1 |
|
||||
| 2026-05-10 | Manual cleanup — anatomy + Astro/MDX/OG patterns |
|
||||
|
||||
Reference in New Issue
Block a user