1. 프로젝트 개요

Present Flame (Blog) 은 단순한 정보의 나열을 넘어, 창작자의 실존적 고민과 성장의 궤적을 기록하는 독립적인 디지털 거점입니다. 기성 블로그 플랫폼¹이 제공하는 편리함 이면에는 데이터 주권의 상실과 플랫폼 종속성이라는 한계가 존재합니다. 이 프로젝트는 이러한 제약에서 벗어나, 자신의 사유를 온전히 통제하고 불꽃이라는 개인의 고유한 정체성을 디자인과 코드 전반에 투영하기 위해 시작되었습니다.

마치 시지프(Sisyphus)가 끝없이 바위를 밀어 올리듯, 개발자는 끊임없이 코드를 수정하고 글을 다듬으며 자신만의 의미를 구축해 나갑니다. 이 블로그는 그 치열한 과정의 결과물이자, 동시에 계속해서 타올라야 할 과정 그 자체입니다.

2. 기술적 의사결정 (Tech Stack & Decisions)

이 프로젝트는 최신 웹 기술의 트렌드를 반영하되, 장기적인 유지보수성과 성능을 최우선으로 고려하여 선정되었습니다.

• Framework: Astro 5.0
  • 콘텐츠 중심의 웹사이트에 최적화된 프레임워크입니다. React나 Next.js와 달리 기본적으로 Zero JS를 지향하며, 정적 사이트 생성(SSG)³을 통해 압도적인 SEO 성능과 로딩 속도를 제공합니다.
• UI Library: Svelte 5
  • 가상 돔(Virtual DOM) 없는 컴파일러 방식의 접근은 런타임 오버헤드를 최소화합니다. Svelte 5의 룬(Runes)⁴ 시스템을 도입하여 반응형 상태 관리를 직관적이고 간결하게 구현했습니다.
• Styling: Tailwind CSS
  • 유틸리티 우선(Utility-first) 접근 방식을 통해 스타일의 일관성을 유지하고, 디자인 시스템을 빠르게 구축했습니다. 다크 모드 지원 및 반응형 디자인 구현에 있어 최고의 생산성을 보여줍니다.
• Deployment: Cloudflare Pages
  • 글로벌 엣지 네트워크를 통한 빠른 콘텐츠 전송과 안정적인 배포 파이프라인을 활용합니다.

3. 주요 구현 기능 (Key Features)

4. 회고 및 향후 계획 (Retrospect & Roadmap)

이 블로그를 구축하는 과정은 그 자체로 하나의 성장통이었습니다. 초기에는 단순히 기능을 구현하는 데 급급했지만, 점차 코드의 가독성과 컴포넌트의 재사용성을 고민하게 되었습니다. 특히 Astro와 Svelte의 상호운용성을 이해하고, 타입스크립트(TypeScript)를 통해 타입 안정성을 확보하는 과정에서 많은 배움을 얻었습니다.

앞으로는 다음과 같은 기능들을 추가하여 이 공간을 더욱 발전시킬 예정입니다.

• 댓글 시스템 통합: Giscus 등을 활용하여 독자와의 소통 창구 마련.
• 동적 검색 기능 강화: Pagefind⁵를 고도화하여 더욱 정밀한 본문 검색 지원.
• 시각적 스토리텔링: Three.js 등을 활용한 인터랙티브 3D 요소를 실험적으로 도입하여 불꽃의 이미지를 더욱 생동감 있게 표현.

가장 개인적인 것이 가장 창의적인 것이다. — 마틴 스코세이지

이 공간이 저의 가장 개인적인 기록이자, 동시에 누군가에게 영감이 되는 작은 불씨가 되기를 희망합니다.