portfolio — tan-kim.com 개인 포트폴리오 & 블로그
tan-kim.com은 Next.js 기반으로 구축한 개인 포트폴리오 및 마크다운 블로그다. RAG 파이프라인을 통해 AI 챗봇이 블로그 콘텐츠를 벡터 DB에서 검색해 답변하는 구조를 갖추고 있다.
프로젝트 개요
| 항목 | 내용 |
|---|---|
| 상태 | 운영 중 |
| URL | tan-kim.com |
| 유형 | 개인 프로젝트 |
| 주요 기술 | Next.js, TypeScript, Tailwind CSS |
주요 기능
마크다운 블로그
content/blog/ 디렉토리 아래 마크다운 파일을 추가하면 자동으로 블로그 포스트로 게시된다. frontmatter를 통해 카테고리, 태그, 요약을 관리한다.
RAG 기반 AI 챗봇
블로그 콘텐츠를 벡터 DB에 임베딩하고, AI 챗봇이 이를 참고하여 방문자의 질문에 답변한다.
content/blog/아래 모든 마크다운 파일이 임베딩 대상category: projects→ projects 컬렉션slug: me→ about 컬렉션- 나머지 → blog 컬렉션
콘텐츠 동기화
library(Obsidian) 저장소에서 작성한 노트가 GitHub Actions를 통해 tan-kim 블로그 콘텐츠로 자동 유입된다.
기술 스택
| 레이어 | 기술 |
|---|---|
| 프레임워크 | Next.js (App Router) |
| 언어 | TypeScript |
| 스타일링 | Tailwind CSS |
| 배포 | Vercel |
| 벡터 DB | Qdrant |
설계 원칙
- 마크다운 파일만 추가하면 콘텐츠가 자동으로 블로그에 게시되고 RAG 파이프라인에 반영되는 구조
- RAG 최적화를 위해 각 문서에 summary 필드를 필수로 작성
- 위키링크 금지 — RAG 파이프라인에서 노이즈로 처리됨