안녕하세요! Kloudvil에 오신 것을 환영합니다. Kloudvil은 Cloudflare의 제품과 활용 사례, Zero Trust와 SASE 같은 네트워크 보안 주제를 정리하는 기술 블로그입니다.
Cloudflare를 다루는 블로그인 만큼, 이 블로그도 Cloudflare Pages 위에서 동작합니다. 첫 글에서는 이 블로그가 어떻게 만들어지고 배포되는지 소개합니다.
이 블로그의 구조
Markdown posts --> Astro build --> dist/ (static HTML, CSS, JS)
|
| wrangler pages deploy
v
Cloudflare Pages (global network)
|
v
page.kloudvil.com (custom domain)- 글 작성: 모든 글은 마크다운 파일로 작성합니다.
- 정적 빌드: Astro가 마크다운을 HTML로 변환해 정적 사이트를 생성합니다. 빌드 과정에서 타입 검사와 검색 인덱스 생성도 함께 수행합니다.
- 배포:
wrangler pages deploy로 빌드 결과를 Cloudflare Pages에 직접 업로드 (Direct Upload)합니다. - 서비스: Cloudflare 글로벌 네트워크가 방문자와 가까운 데이터센터에서 페이지를 제공하며, 커스텀 도메인
page.kloudvil.com으로 연결됩니다.
Cloudflare Pages로 구현한 것들
서버나 데이터베이스 없이, 정적 파일과 Cloudflare Pages의 기능만으로 블로그를 운영합니다.
- 정적 호스팅과 글로벌 전송: 미리 생성한 HTML을 Cloudflare 네트워크에서 바로 제공하므로 별도 오리진 서버가 필요 없습니다.
- 응답 헤더 제어 (
_headers): HSTS, CSP (Content Security Policy) 같은 보안 헤더와, 해시가 붙은 정적 자산에 대한 장기 캐시 정책을 파일 하나로 설정합니다. - 검색 노출 관리: 정식 도메인만 검색엔진에 노출되도록
*.pages.dev기본 도메인에는X-Robots-Tag: noindex를 적용했습니다. - 클라이언트 측 검색: 사이드바 검색은 Pagefind가 빌드 시 만든 인덱스를 브라우저에서 직접 조회하므로, 검색 서버 없이 동작합니다.
- RSS와 사이트맵:
/rss.xml에서 글 전문을 제공하고, 사이트맵을 자동으로 생성합니다.
정적 사이트는 서버 측 코드가 없어 공격 표면이 작고, 트래픽이 늘어도 Cloudflare 네트워크가 그대로 받아 주기 때문에 개인 기술 블로그에 잘 맞는 구성입니다.
앞으로 다룰 내용
- Cloudflare 제품과 활용 사례: 제품군을 카테고리별로 정리하고, 산업별·서비스별 적용 방법을 살펴봅니다.
- Cloudflare One (Zero Trust, SASE): 연결 방식, Access, Gateway, Browser Isolation, DLP, CASB까지 구조와 설계 포인트를 시리즈로 정리합니다.
먼저 Cloudflare 제품 총정리: 카테고리별 한눈에 보기와 Cloudflare One 이해하기: 전체 구조와 연결 방식부터 읽어 보시길 권합니다. 앞으로 꾸준히 글을 올리겠습니다. 감사합니다!