hhkb.dev
공부한 내용을 업로드하는 블로그에서 시작했지만,
지금은 프로젝트 허브이자 개인화된 지식 플랫폼으로 만들고 있습니다.
왜 별도의 웹페이지로 만들었나
- 티스토리, 네이버 블로그, 깃헙 블로그보다 자유롭게 내가 원하는 기능을 붙이고, 디자인하고 싶었습니다.
- 노트, 저널(블로그) 등 성격이 다른 것들을 원하는 방식으로 업로드하고 싶었습니다.
- 각종 미니, 사이드 프로젝트를 깃허브에 올리고 마는 것이 아니라 더 직접적으로 생각과 발전 방향을 드러내고 싶었습니다.
Next.js 16Oracle CloudGitHub ActionsMD/MDX
이 웹페이지의 구성
- Markdown, MDX 기반 노트와 저널을 읽기 흐름 기준으로 정리하고, 프로젝트별 소개와 변경 이력을 같은 구조 안에 묶었습니다.
- Study Tree, Security Ops, AI Chatbot 같은 파생 기능을 별도 서비스처럼 흩뿌리지 않고 블로그 안에서 연결되게 설계했습니다.
- 프로젝트 상세, 저널 링크, 운영 이력을 함께 배치해 단순 소개 페이지가 아니라 맥락을 따라가는 아카이브로 다듬었습니다.
웹페이지 운영 기준
- 오라클 서버와 깃허브 액션으로 배포를 자동화하여 운영합니다. 이때 Study Tree 등에 필요한 AI 파이프라인도 돌아갑니다.
- GA, 챗봇, 보안 등 실제 운영 상태를 공개 가능한 범위에서 표현하여 실제 운영하고 있음을 표시합니다.
개선 방향
- 문서 작성 흐름과 프로젝트 업데이트 이력이 더 자연스럽게 이어지도록 홈과 프로젝트 허브 연결을 계속 다듬을 계획입니다.
- 검색, 챗봇, 프로젝트 탐색 등이 더 유기적으로 이어지도록 백엔드 흐름과 RAG 아키텍쳐를 보강할 예정입니다.
업데이트 이력
2026-03-23
- 웹 편집 경로와 불필요한 백업을 제거해 공격 표면을 줄이고 콘텐츠 운영을 읽기 전용 기준으로 단순화했습니다.
2026-03-17
- 프로젝트 허브 구성을 다시 손보면서 AI 관련 프로젝트인 Ship or Slop, VIBE Audit을 허브에 추가했습니다.
- 보안 관련 프로젝트인 TriCrawl, CAPE 전처리 필터, ASM 워크벤치도 함께 허브에 추가했습니다.
- Security Ops 관측 정보를 보강해 프로젝트 허브 안에서도 실제 운영 중인 서비스라는 신호가 더 잘 보이게 다듬었습니다.
2026-03-06
- 프로젝트 페이지와 동적 상세 구성을 붙여 블로그 안에서 서비스 소개, 저널, 변경 이력을 함께 보게 했습니다.
2026-01-26
- 프록시 환경에서도 실제 클라이언트 IP가 남도록 로깅을 보강해 운영 통계와 챗봇 로그 정확도를 높였습니다.
2026-01-20
- SecTools 페이지를 붙여 보안 유틸과 실험 도구까지 블로그 안에서 함께 다루는 흐름으로 넓혔습니다.
2026-01-18
- 배포 워크플로우를 통합 재설계하고 AI 파이프라인 캐시를 Git과 동기화해 문서, 데이터, 배포 흐름을 한쪽으로 맞췄습니다.
2026-01-16
- 파일 트리와 문서 탐색 흐름을 손봐 노트와 저널을 더 안정적으로 오갈 수 있게 정리했습니다.
2026-01-13
- AI 챗봇과 Security Ops 페이지를 추가해 블로그를 운영형 서비스 허브로 확장하기 시작했습니다.
2026-01-11
- PurpleSim 페이지를 추가하고 챗봇 백엔드와 데이터 파이프라인을 얹는 v2 구조로 확장했습니다.
2025-12-29
- AI 파이프라인에 검증과 로컬 캐시를 추가해 추천 데이터 생성 흐름이 실패에 덜 흔들리게 보강했습니다.
2025-12-27
- 모바일 반응형과 배포 문제를 함께 손봐 좁은 화면과 실서버 환경에서 모두 안정적으로 보이게 다듬었습니다.
2025-12-26
- Study Tree를 붙여 문서 관계를 탐색하는 기능과 AI 브리핑 흐름을 블로그 안으로 처음 확장했습니다.
2025-12-20
- RSC 적용, 검색 노출 준비, GA 대시보드를 한 번에 정리해 읽기 성능과 운영 가시성을 함께 보강했습니다.
- RootScan과 asmSpeak 소개 페이지를 추가해 실험 프로젝트를 블로그 바깥 저장소가 아니라 웹 안에서 직접 보여주기 시작했습니다.
2025-12-19
- 에디터 기능과 문서 작성 흐름을 보강해 노트와 저널을 웹 안에서 더 직접 다룰 수 있는 기반을 다듬었습니다.
2025-12-18
- BlockNote 에디터를 붙이고 커스터마이징해 문서 편집 경험을 웹 워크플로우 안으로 끌어왔습니다.
2025-12-17
- CVE 패치와 다크모드 개선을 묶어 보안과 기본 사용성을 함께 정리했습니다.
2025-12-16
- Oracle 인스턴스 배포 뒤 GitHub Actions 자동화 배포를 붙여 개인 지식 베이스의 운영 기반을 처음 세웠습니다.
저널
- 01. 블로그 웹 구축 계획2025-12-14
- 02. 첫 배포, 오라클 인스턴스2025-12-15
- 03. 자동화 배포, 깃헙 액션 도입2025-12-16
- 04. 취약점 패치 및 다크모드 개선2025-12-17
- 05. BlockNote 에디터 도입 및 커스터마이징2025-12-18
- 06. 에디터 기능 개선 및 버그 수정2025-12-19
- 07. 보안 점검하기2025-12-20
- 08. RSC 적용 및 성능 개선2025-12-20
- 09. GA 대시보드 및 검색 노출 준비2025-12-20
- 10. Study Tree 기능 추가2025-12-25
- 11. 대규모 기능 개선하기2025-12-26
- 12. 모바일 반응형 최적화2025-12-27
- 13. rootscan 페이지 대규모 개선2026-01-03
- 14. 프로젝트 페이지 구축 및 UI 개선2026-03-06