[Chore/seo-118] 📝 Chore : SEO 메타데이터 수정

[swallowedB]

요약

• 변경 목적(왜?): 프론트엔드 기술 블로그로서의 정체성을 검색엔진에 명확히 전달하고, 검색 결과 노출 품질을 개선하기 위함
• 주요 변경(무엇을?): 루트의 기본 메타데이터를 정비하여 SEO 기본 신호와 공유 미리보기 품질을 강화

변경 내용

• UI/컴포넌트
• 로직/유틸
  • 사이트 기본 메타데이터 구조 개선
  • title/description에 프론트엔드 기술 블로그 키워드 명시
  • OpenGraph/Twitter 기본값 보강
  • robots/googlebot 메타 설정 추가
• 문서/설정
  • canonical URL을 절대 경로로 명시
  • metadataBase 기준 상대 경로 정합성 확보

테스트

• 유닛 테스트 추가/수정됨
• 로컬에서 pnpm test 통과
• 타입체크/린트 통과 (pnpm typecheck, pnpm lint)

관련 이슈

close #118

Summary by CodeRabbit

릴리스 노트

• New Features

  • 접을 수 있는 Toggle 컴포넌트 추가
  • 표 렌더링을 위한 Table 컴포넌트 추가
  • 3D 개발 블로그 시리즈 카테고리 추가

• Documentation

  • React Three Fiber 렌더링 사이클에 대한 상세 기술 인사이트 글 추가

• Improvements

  • 검색 엔진 최적화 메타데이터 확대
  • 블로그 스타일 개선 (인용문 및 인라인 코드 스타일)

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
b0o0a	Ready	Preview, Comment	Feb 1, 2026 10:56am

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

SEO 메타데이터 개선, 새로운 R3F 렌더링 사이클 문서 추가, 그리고 Table·Toggle 등의 MDX 컴포넌트 확장 및 관련 스타일 조정을 포함한 변경사항입니다.

Changes

Cohort / File(s)	Summary
SEO 및 메타데이터 src/app/layout.tsx	메타데이터 상수 확장: title, description 업데이트, openGraph (url, title, description, images, locale), robots (index/follow 및 googleBot), alternates.canonical 추가
콘텐츠 메타데이터 content/posts/DEV_LOG/roome-2-3dmodel.mdx, content/posts/JOURNAL/2025-recap.mdx	이미지 URL 및 프론트매터 summary 필드 업데이트
새로운 MDX 문서 content/posts/INSIGHT/r3f-renderingcycle.mdx	React와 3D 렌더링 사이클의 차이, R3F의 동기화 계층, 성능 최적화 및 모범 사례를 설명하는 441라인 기술 문서
MDX 컴포넌트 추가 src/components/mdx/Table.tsx, src/components/mdx/Toggle.tsx	Table 컴포넌트 (caption 지원, 스타일 관리), Toggle 컴포넌트 (tone 프리셋, 아이콘, 회전 애니메이션 포함)
컴포넌트 등록 및 내보내기 src/components/MDXContent.tsx, src/components/mdx/index.ts	MDX에서 table 노드를 TableRoot로 렌더링하고, Toggle을 공개 API로 내보냄
Quote 컴포넌트 개선 src/components/mdx/Quote.tsx	marker 속성 추가, quote 마크 제거(before/after content-none), className 컴포지션 간결화
시리즈 레지스트리 src/lib/posts/registry/series.registry.ts	"3D" 카테고리를 Insight 그룹에 추가
스타일 업데이트 src/styles/mdx.css	txt 언어 블록 스타일, 인라인 코드 폰트 가중치(400→300) 및 색상 조정, blockquote quote 마크 제거, details-summary 회전 애니메이션 추가

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

새 컴포넌트(Toggle, Table)들의 구현과 스타일, 메타데이터 확장, 다양한 파일에 걸친 변경사항이 혼재되어 있어 구간별 검토가 필요합니다.

Possibly related PRs

• [feat/seo-114] ✨ feat: SEO 및 퍼포먼스 최적화 체계 구축 #115: src/app/layout.tsx의 메타데이터 확장 관련하여 직접 연결되는 변경 사항입니다.
• [Feat/link-111] ✨ feat: 링크 컴포넌트 + 플러그인 추가 #112: content/posts/DEV_LOG/roome-2-3dmodel.mdx 파일의 이미지 URL 수정과 관련 있습니다.
• [Feat/mdx-89] ✨ feat: mdx 컴포넌트 추가 및 스타일링 수정 #90: src/components/MDXContent.tsx 및 src/styles/mdx.css 수정으로 MDX 렌더링 인프라를 함께 다룹니다.

Poem

📚 새로운 Toggle이 펼쳐지고
🎨 Table이 정렬되어,
🔍 SEO는 빛나고
✨ 3D 문서가 피어난다
R3F의 비결을 말하며

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch chore/seo-118

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}