기술 매뉴얼을 고객 문제와 상품 구조로 다시 읽습니다

상품상세페이지가 늦게 뜬다스크립트 때문에 클릭 반응이 느리다

이미지, 스크립트, 비디오, 원본 보호를 묶어 페이지 전체 성능을 제어합니다.

pagemixed

HTTPS인데 일부 이미지가 보이지 않는다셀러 외부 호스팅 때문에 품질이 일정하지 않다

HTTPS 페이지에서 HTTP 외부 리소스가 깨지는 Mixed Content 문제를 줄입니다.

pagedesk

셀러 HTML이 페이지 레이아웃을 흔든다불필요한 외부 참조가 많다

셀러 HTML의 영역 추출, 태그 삽입·제거, 외부 참조 제어를 담당합니다.

pagefx

모바일에서 상품기술서가 읽기 어렵다긴 상세 이미지가 탐색을 방해한다

반응형 변환, 더보기, 핀치줌, iframe 높이 같은 상품기술서 표현을 제어합니다.

epubedit

ePub 콘텐츠를 웹 서비스에 맞게 가공해야 한다문서형 콘텐츠 배포 정책이 필요하다

ePub 콘텐츠를 서비스 정책에 맞게 편집·처리합니다.

unzip

압축된 리소스를 서비스에서 바로 활용해야 한다콘텐츠 패키지를 전송 전에 처리해야 한다

압축된 콘텐츠를 서비스 응답에 필요한 형태로 해제·처리합니다.

Image

원본 이미지를 유지하면서 포맷, 크기, 렌더링 응답을 최적화합니다.

3개 기능

hyperdims

브라우저별 이미지 포맷 운영이 어렵다이미지 전송량이 크다

이미지 포맷과 크기를 사용자 환경에 맞춰 동적으로 응답합니다.

dims

모바일에서도 데스크톱 크기 이미지가 내려간다썸네일과 상세 이미지가 같은 원본으로 운영된다

이미지 크기 변환과 리사이즈 응답을 처리합니다.

render

캠페인 이미지 제작량이 많다배너 템플릿을 반복해서 수정한다

템플릿과 데이터를 조합해 이미지형 콘텐츠를 생성합니다.

Video

동영상 변환, HLS, JIT Transcoding, 비디오 전송 흐름을 다룹니다.

4개 기능

transcoder

비디오 변환 작업이 수동이다브라우저별 포맷 호환성이 다르다

원본 미디어를 서비스에 맞는 비디오 포맷으로 변환합니다.

videofly

비디오 변환 대기 시간이 길다사용하지 않는 구간까지 미리 변환한다

요청 시점에 필요한 비디오 청크를 변환·전송하는 VideoFly 서비스 기능입니다.

mp4hls

MP4 전체 다운로드가 무겁다모바일 비디오 재생 품질이 불안정하다

MP4 원본을 HLS 전송 흐름으로 연결합니다.

mp3hls

오디오 전체 파일 전송이 무겁다긴 콘텐츠의 구간 탐색이 필요하다

오디오 원본을 HLS 기반으로 전송합니다.

Delivery / Network

캐시, 프록시, 파일 전송, 원본 보호 같은 전송 계층을 설명합니다.

5개 기능

cache

이벤트 때 서버 응답이 느려진다반복 요청이 origin으로 몰린다

반복 요청을 원본 대신 M2 Live 계층에서 응답합니다.

http

서비스별 전송 정책이 다르다응답 헤더와 캐시 정책을 통제해야 한다

HTTP 요청과 응답의 기본 전송 정책을 제어합니다.

proxy

스토리지 앞단에 정책 계층이 없다원본을 직접 노출하기 어렵다

사용자 요청을 원본 또는 스토리지 앞단에서 중계합니다.

filesrv

파일 배포 경로가 분산되어 있다다운로드와 이미지 전송 정책을 통일해야 한다

파일 리소스를 서비스 정책에 맞춰 전송합니다.

hlsrc

HLS 세그먼트 요청이 많다비디오 원본 보호가 필요하다

HLS 원본 리소스의 접근과 전송 경로를 제어합니다.

Security / Control

암호화, 외부 리소스 제어, 보안 전환과 관련된 기능을 묶습니다.

2개 기능

denc

콘텐츠 직접 접근을 제한해야 한다보호된 리소스 전송이 필요하다

콘텐츠 암호화와 보호 전송에 활용되는 기능입니다.

webfont

웹폰트 로딩이 화면 표시를 늦춘다폰트 파일 전송량이 크다

웹폰트 응답과 로딩 정책을 제어합니다.

Operations / Metrics

운영 로그, 통계, 메트릭, 체이닝으로 관측과 자동화를 지원합니다.

4개 기능

log

최적화 적용 결과를 추적하기 어렵다장애 원인을 빠르게 확인해야 한다

요청과 처리 결과를 운영 분석 가능한 로그로 남깁니다.

stats

개선 효과를 숫자로 설명해야 한다운영 중 트래픽 변화를 보고 싶다

운영 통계를 집계해 트래픽, 전송량, 처리량을 확인합니다.

metrics

운영 상태를 실시간으로 보고 싶다origin 장애와 M2 처리 문제를 구분해야 한다

시스템과 서비스 상태를 관측 가능한 지표로 제공합니다.

chaining

기능을 하나씩 적용하면 운영이 복잡하다상품별 처리 순서가 다르다

여러 처리 단계를 순서대로 연결해 복합 파이프라인을 구성합니다.

스토리지 자체 기능만으로 배포 정책이 부족하다이미지/파일 배포를 그룹사 정책에 맞춰야 한다

Backend / Storage

외부 스토리지와 M2 Live를 연결하는 백엔드 연계 기능입니다.

2개 기능

aws_s3

Storage Gateway

AWS S3 계열 스토리지를 M2 Live 백엔드로 연결합니다.

스토리지에 대량 이미지가 있지만 배포 제어가 어렵다그룹사 내부 인프라에서 통합 게이트웨이가 필요하다

storgate

Storage Gateway

스토리지 앞단의 게이트웨이 역할로 접근, 전송, 배포 정책을 통합합니다.