CDN

# AWS CloudFront CDK 설정
import * as cloudfront from 'aws-cdk-lib/aws-cloudfront';
import * as origins from 'aws-cdk-lib/aws-cloudfront-origins';
import * as s3 from 'aws-cdk-lib/aws-s3';

// S3 버킷 생성
const bucket = new s3.Bucket(this, 'WebsiteBucket', {
  websiteIndexDocument: 'index.html',
});

// CloudFront 배포 생성
const distribution = new cloudfront.Distribution(this, 'CDN', {
  defaultBehavior: {
    origin: new origins.S3Origin(bucket),
    viewerProtocolPolicy: cloudfront.ViewerProtocolPolicy.REDIRECT_TO_HTTPS,
    cachePolicy: cloudfront.CachePolicy.CACHING_OPTIMIZED,
    compress: true,
  },

  // 커스텀 캐시 정책
  additionalBehaviors: {
    '/api/*': {
      origin: new origins.HttpOrigin('api.example.com'),
      cachePolicy: cloudfront.CachePolicy.CACHING_DISABLED,
      originRequestPolicy: cloudfront.OriginRequestPolicy.ALL_VIEWER,
    },
    '/static/*': {
      origin: new origins.S3Origin(bucket),
      cachePolicy: new cloudfront.CachePolicy(this, 'StaticCache', {
        maxTtl: Duration.days(365),
        defaultTtl: Duration.days(30),
        minTtl: Duration.hours(1),
      }),
    },
  },

  // 지역 제한 (한국, 일본, 미국만 허용)
  geoRestriction: cloudfront.GeoRestriction.allowlist('KR', 'JP', 'US'),

  // 커스텀 도메인
  domainNames: ['cdn.example.com'],
  certificate: myCertificate,
});

// Cloudflare Workers - 엣지 캐싱 로직
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
  const url = new URL(request.url);
  const cache = caches.default;

  // 캐시 확인
  let response = await cache.match(request);

  if (!response) {
    // 원본 서버에서 가져오기
    response = await fetch(request);

    // 성공 응답만 캐싱
    if (response.status === 200) {
      // 캐시 헤더 추가
      const headers = new Headers(response.headers);
      headers.set('Cache-Control', 'public, max-age=86400'); // 24시간
      headers.set('X-Cache-Status', 'MISS');

      response = new Response(response.body, {
        status: response.status,
        headers
      });

      // 엣지에 캐싱
      event.waitUntil(cache.put(request, response.clone()));
    }
  } else {
    // 캐시 히트 표시
    const headers = new Headers(response.headers);
    headers.set('X-Cache-Status', 'HIT');
    response = new Response(response.body, {
      status: response.status,
      headers
    });
  }

  return response;
}

// 이미지 최적화 예제
async function handleImageRequest(request) {
  const url = new URL(request.url);
  const width = url.searchParams.get('w') || 800;

  return fetch(request, {
    cf: {
      image: {
        width: parseInt(width),
        quality: 85,
        format: 'webp'
      }
    }
  });
}

# Nginx를 캐시 서버로 사용하는 설정
http {
    # 캐시 저장소 설정
    proxy_cache_path /var/cache/nginx levels=1:2
        keys_zone=my_cache:100m
        max_size=10g
        inactive=60m
        use_temp_path=off;

    server {
        listen 80;
        server_name cdn.example.com;

        # 정적 파일 캐시 설정
        location ~* \.(jpg|jpeg|png|gif|ico|css|js|woff2)$ {
            proxy_cache my_cache;
            proxy_cache_valid 200 302 7d;
            proxy_cache_valid 404 1m;
            proxy_cache_use_stale error timeout updating;

            # 캐시 상태 헤더 추가
            add_header X-Cache-Status $upstream_cache_status;
            add_header Cache-Control "public, max-age=604800";

            proxy_pass http://origin_server;
        }

        # API는 캐시하지 않음
        location /api/ {
            proxy_cache_bypass 1;
            proxy_no_cache 1;
            add_header Cache-Control "no-store, no-cache, must-revalidate";
            proxy_pass http://api_server;
        }

        # 캐시 퍼지 엔드포인트
        location /purge/ {
            allow 10.0.0.0/8;
            deny all;
            proxy_cache_purge my_cache $uri;
        }
    }
}

# Cache-Control 헤더 이해
# max-age=3600      : 1시간 동안 캐시
# s-maxage=86400    : CDN에서 24시간 캐시 (브라우저는 max-age)
# stale-while-revalidate=60  : 만료 후 60초간 오래된 캐시 제공
# immutable         : 절대 변경되지 않음 (해시된 파일명)