개인 DevLog & 포트폴리오 웹사이트 구축
Hugo와 FixIt 테마(Git Submodule)를 활용한 초고속 정적 사이트
공부한 내용을 체계적으로 아카이빙하고 프로젝트 결과물을 보여주기 위해 직접 구축한 정적 웹사이트 프로젝트입니다.
📌 프로젝트 개요
- 사이트 주소: https://hdsu.net
- 저장소: github.com/dongsu8142
- 사용 기술: Hugo Extended (v0.168+), FixIt Theme, Dart Sass, KaTeX
🎯 기술적 목표 & 특징
- 압도적인 빌드 및 로딩 속도: Go 기반의 Hugo 정적 사이트 생성기를 채택하여 수백 페이지도 0.2초 이내에 빌드되도록 최적화했습니다.
- Git Submodule 아키텍처: Hugo Module 의존성 대신 Git의
submodule방식을 사용하여 테마 소스를 독립적으로 관리하고 버전 추적이 용이하도록 설계했습니다. - 학습에 최적화된 리딩 경험:
- macOS 스타일의 코드 블록 및 원클릭 복사 기능
- Fuse.js 기반의 빠른 클라이언트 사이드 검색
- 모바일/데스크톱 반응형 UI 및 다크 모드 자동 전환
- 수식 렌더링을 위한 KaTeX 지원
💡 개발 회고 & 배운 점
무거운 CMS(WordPress 등)나 무거운 프런트엔드 SPA 프레임워크 대신 정적 사이트 생성기(SSG)를 선택함으로써 서버 유지비 없이 안전하고 빠른 블로그를 완성할 수 있었습니다. 또한 Git submodule 구조를 직접 다루며 서브모듈의 작동 원리와 버전 관리 흐름을 깊이 있게 이해할 수 있었습니다.