Without a Break

CORS의 정의 • Cross-Origin Resource Sharing의 약어 • 특정 도메인에서 실행되는 웹 애플리케이션이 다른 도메인의 자원에 액세스할 수 있도록 하는 HTTP 기능 • 다른 도메인의 API를 호출할 수 있는 안전한 방법을 제공 • Origin에서 설정 왼쪽처럼 웹사이트에 문서가 뜬다고 했을 때, 그 문서가 도메인 A.com의 모든 정보를 가져오는 건 가능할 것이다. => Same-origin requests domain b.com에 있는 콘텐츠를 가져와서 보여주고 있다. b.com에서 a.com의 요청이 들어왔을 때 허용/거부를 설정할 수 있는 게 => Cross-origin reuqests 작동 방법 단순 요청 • CORS 요청이며 시작하기 전에 프리 플라이트 요청(예비 점검)이..

캐싱 종류 데이터를 향후 요청 시 빠르게 액세스 할 수 있도록 하는 임시저장소 절대적인 요청 횟수를 줄임으로써 속도와 성능 향상 일반적으로 자주 바뀌지 않는 데이터에 적용 종류 웹 서버 : 공유 캐시(여러 사용자용) 사용 CDN : 공유 캐시(여러 사용자용) 사용 ISP : 공유 캐시(여러 사용자용) 사용 웹 브라우저 : 프라이빗 캐시(단일 사용자용) 사용 리소스 최신 여부 캐싱된 데이터가 최신 데이터인지 확인하는 절차 캐싱된 데이터의 캐싱 시간을 지정하여 만료 시 Origin 확인 다음 헤더 값을 이용하여 최신 여부 판단 Cache-Control Expires 둘 다 존재할 경우 Cache-Control을 우선 다음 헤더 값을 이용하여 유효성 검사 Etag Last-Modified 둘 다 존재할 경우 ..

기본 캐싱 규칙 - 콘텐츠 최적화 사용 시 기본 캐싱 정책 - 캐싱 정책을 수정하여 TTL 설정 시 사용자 정의 가능 - 캐싱은 확장자별 경로별로 지정 가능 - 원본 사용 설정 시 지원되는 캐시 지시문 헤더 우선 - 경로 : 최대 260자 / 확장: 최대 16자 TTL - Time-to-Live의 약자로, 설정한 데이터의 만료 기한을 의미 - TTL은 일반적으로 캐싱 기간을 의미 - TTL을 길게 잡을수록 POP과 Origin간 통신이 줄어 듦 - TTL이 길 경우 Origin의 콘텐츠 갱신 시 적용 시간이 오래 걸림 - POP에서 콘텐츠를 캐싱하기 시작한 시점부터 적용 캐싱 동작 설정 - 캐시 무시: Origin에서 제공한 캐시 지시문 헤더를 사용하거나 캐시하지 않음 - 재정의 : Origin에서 제공..

콘텐츠 최적화 Microsoft CDN (설정 후 변경 불가) - 일반 웹 배달 - 동적 사이트 가속 Verizon CDN (설정 후 변경 불가) - 일반 웹 배달 - 동적 사이트 가속 Akamai CDN - 일반 웹 배달 - 일반 미디어 스트리밍 - 주문형 비디오 미디어 스트리밍 - 대용량 파일 다운로드 - 동적 사이트 가속 일반 웹 배달 - 일반적으로 웹 페이지 및 웹 응용 프로그램의 설정 적용 - Microsoft와 Verizon CDN의 경우 다음 옵션을 활성화 - 비디오 스트리밍 최적화 - 대용량 파일 다운로드 최적화 - Akamai CDN의 경우 10MB보다 작은 컨텐츠 제공 동적 사이트 가속 - Verizon과 Akamai CDN에서 사용 가능 - Microsoft의 경우 Front Door..

Custom Domain 설정 - Azure CDN 사용 시 기본적으로 다음 Endpoint가 제공 됨 (e.g. .azureedge.net/...) - Custom Domain 설정으로 회사 브랜딩 가능 - CNAME 레코드로 연결 후 적용 가능 - 임시 cdnverify 하위 도메인을 매핑하여 인증 가능 Custom Domain 직접 매핑 - Endpoint에서 Domain 인증 시 사용 - 설정 할 도메인 사용 불가 - Endpoint 마이그레이션 시 중단 발생 임시 cdnverify 매핑 - Endpoint에서 Domain 인증 시 사용 - 설정 할 도메인 사용 가능 - Endpoint 마이그레이션 시 무중단 가능 - 인증 완료 후 추가 Domain 작업 필요 SSL 구성 - Azure CDN 사..

Origin • Origin types : 저장소, 웹 응용 프로그램, 사용자 지정 원본 • HTTP와 HTTPS를 사용할 수 있음 • Port 변경 가능 • Endpoint는 하나의 Origin을 가질 수 있음 • Origin과 통신 시 Header 값 변경 가능 • Endpoint가 Origin의 특정 Path를 바라볼 수 있음 Origin 추가하기 Verizon-Standard에서 설정 endpoint hostname을 선택하면 웹사이트가 뜸 왼쪽 메뉴의 Origin을 선택하면 Origin의 정보가 뜸 프로토콜을 보면 HTTP, HTTPS 모두 활성화되어 있는 것을 확인할 수 있다. 우리는 HTTP 옵션을 제외하고, 세이브해서 설정을 적용할 것이다. 주소도 전부 https로 바뀐 것을 확인할 수 있..

CDN 리소스 상관관계 구독 > 프로필 > Endpoint > Origin 과금을 하는 것은 구독이 되고, CDN Profile이 과금 단위가 된다. 실제로 사용자가 접근하는 곳이 CDN Endpoint이다. CDN Profiles CDN Profile은 동일한 가격 책정 등급 및 제공자(Origin)가 있는 CDN Endpoint의 모음 여러 개의 프로파일을 작성하여 엔드 포인트를 구성할 수 있음 구독 당 기본 25개의 Profiles 다양한 가격 책정 등급 CDN Endpoints Origin types : 저장소, 클라우드 서비스, 웹 응용 프로그램, 사용자 지정 원본 CDN endpoint 예시 : .azureedge.net/... CDN endpoint에 사용자 지정 도메인 매핑 추가 및 사용자..

SKU에는 위의 3가지가 있다. Microsoft는 지원하는 게 많이 없고, Akamai가 지원하는 기능이 많다. 20 용도별 Azure CDN SKU 추천 - 기본 웹사이트 제공 : Standard Microsoft / Verizon / Akamai - 일반 동영상 제공 : Standard Microsoft / Verizon - 게임 : Premium Verizon, Azure Front Door - 미디어 : Permium Verizon, Azure Front Door Azure CDN SKU 변경 Verizon은 standard와 premium을 변경할 수 있다. Standard -> Premium으로의 마이그레이션은 쉬우나 반대는 support 문의가 필요하다. Azure CDN 과금 - Stan..