Develop Note by J.S.

CDN(Content Delivery Network)이란 지리적으로 서버가 분산이되어 웹 콘텐츠의 전송 속도를 높여 페이지 로딩속도를 향상시키는데 주목적을 두고 있습니다. 데이터 용량이 큰 Image, VOD 등 기타 파일들이 Caching되어 실제 물리적으로 가까운 서버에서 빠르게 가져올 수 있습니다. 예시로 온라인 영상 스트리밍 서비스 넷플릭스의 경우 자체 CDN을 구축하여 서비스를 제공하고 있습니다. 대표적인 CDN 클라우드 서비스는 AWS CloudFront와 Cloudflare가 있습니다. Cloudflare 전 세계 150대의 데이터 센터를 보유 Reverse Proxy 아키텍쳐로 데이터 관리 * 요청을 받는 서버(내부망) 앞단에 있는 Proxy 서버로 외부망에서 해당 서버로 접속 시 거치는 ..

Service Worker - 웹 페이지 외에서 브라우저 내 스크립트와는 다른 쓰레드로 동작되는 기능입니다. http 요청을 catch하는 네트워크 프록시 기능을 구현할 수 있습니다. - 리소스 caching 처리 기능 구현이 가능하고 Push 알림(PWA)이 가능하여 개발 단계에서 MSW(mocking service worker)를 사용한 API Testing 기능 구현이 가능합니다. - Service Work는 페이지의 DOM과의 직접적인 상호작용은 할수 없지만 Message를 통하여 통신합니다. - Service Worker 생명주기 : 설치중 -> 설치완료/대기 -> 활성화중 -> 활성화완료 -> 중복(설치실패 및 교체) 설치 npm install register-service-worker 1. ..