# 개인 DevLog & 포트폴리오 웹사이트 구축


공부한 내용을 체계적으로 아카이빙하고 프로젝트 결과물을 보여주기 위해 직접 구축한 정적 웹사이트 프로젝트입니다.

<!--more-->

## 📌 프로젝트 개요

- **사이트 주소**: [https://hdsu.net](https://hdsu.net)
- **저장소**: [github.com/dongsu8142](https://github.com/dongsu8142)
- **사용 기술**: Hugo Extended (v0.168+), FixIt Theme, Dart Sass, KaTeX

---

## 🎯 기술적 목표 & 특징

1. **압도적인 빌드 및 로딩 속도**: Go 기반의 Hugo 정적 사이트 생성기를 채택하여 수백 페이지도 0.2초 이내에 빌드되도록 최적화했습니다.
2. **Git Submodule 아키텍처**: Hugo Module 의존성 대신 Git의 `submodule` 방식을 사용하여 테마 소스를 독립적으로 관리하고 버전 추적이 용이하도록 설계했습니다.
3. **학습에 최적화된 리딩 경험**:
   - macOS 스타일의 코드 블록 및 원클릭 복사 기능
   - Fuse.js 기반의 빠른 클라이언트 사이드 검색
   - 모바일/데스크톱 반응형 UI 및 다크 모드 자동 전환
   - 수식 렌더링을 위한 KaTeX 지원

---

## 💡 개발 회고 & 배운 점

무거운 CMS(WordPress 등)나 무거운 프런트엔드 SPA 프레임워크 대신 정적 사이트 생성기(SSG)를 선택함으로써 서버 유지비 없이 안전하고 빠른 블로그를 완성할 수 있었습니다. 또한 Git submodule 구조를 직접 다루며 서브모듈의 작동 원리와 버전 관리 흐름을 깊이 있게 이해할 수 있었습니다.


---

> Author: [Dongsu Han](https://github.com/dongsu8142)  
> URL: https://hdsu.net/projects/devlog-portfolio/