# CDN
CDN 이란 무엇일까?
CDN 은 콘텐츠 전송 네트워크의 약자이다.CDN 은 세계 각지에 서버를 만들어서 클라이언트의 요청에 빠르게 응답할 수 있게 해준다. CDN 은 미국에서 발전했었는데 땅이 넓은 미국은 데이터 전송에 걸리는 시간을 단축하기 위해서 곳곳에 CDN 서버를 만들었다.CDN 서

[개발] 이미지 AWS S3 업로드 및 삭제부터 CDN 적용까지
이미지 파일을 AWS의 S3에 업로드, 조회, 삭제하고 CDN까지 적용하여 빠르게 로딩할 수 있도록 할려고 합니다.AWS의 S3에 들어가서 생성버튼을 클릭 후 위의 두 설정 빼고는 전부 디폴트 값으로 하였습니다.spring boot에서 AWS S3에 접근하기 위한 설정

[2023 기능대회 준비] 5. CloudFront 실습
CloudFront란? 클라우드 프론트란 aws에서 제공하는 CDN(Content delivery network) 서비스임. CDN의 개념도 한번 더 알아보자 CDN? 콘텐츠 전송 네트워크로써 지리, 물리적으로 떨어져있는 사용자에게 컨텐츠를 더 빠르게 제공하는 시스템

Cloud storage 버킷에 이미지 업로드 (CDN)
파일을 버킷에 디렉토리 별로 분류해서 넣으려면 gs://프로젝트명/파일명자 버킷에 올린 이미지를 어떻게 사용하느냐?아무 사이트나 들어가서 F12를 눌러봤다.이미지에 해당하는 html문구 중를 찾았다. GCP 버킷에 이미지를 올리면 네트워크에 이미지의 주소가 올려진다.해
AWS Amplify 를 이용한 (Nextjs)웹사이트 정적배포 정리
시작글(AWS 공식 설명글) : https://aws.amazon.com/ko/getting-started/hands-on/host-static-website/시작하기 앞서 s3를 이용한 정적웹사이트 호스팅을 이용하는게 비용적으로 효과적이지않냐고 말할 수 있지

[AWS] AWS CloudFront, S3 를 활용하여 CDN 환경 구축하기
CloudFront 로 캐싱을 진행하여 S3 버킷의 데이터에 대한 접근시간을 단축시켜보자! 🔥

[AWS] CloudFront에 대해 알아보자
CloudFront에 대해 알기 전에 CDN 서버가 무엇인지 알아야 한다.CDN 서버는 CloudFront의 상위 개념, 즉 CloudFront는 CDN 서버의 한 종류이기 때문. CDN이란 무엇인가요? - CDN 설명 - AWSCDN 서버의 목적콘텐츠 전송 네트워크

왜 3-way handshake를 사용할까?
개요 본 글은 네트워크의 5가지 계층과 트랜스포트 계층에 해당하는 TCP의 사용 이유, 그리고 지연시간 보상을 위해 사용하는 웹 프록시, CDN에 대해 설명하는 글이다. 서론 F-lab 오리엔테이션에서 기습적으로 질문을 받았다. "3-way handshake를 사

Front-end 국비지원 #056일
결과HTMLCSSscript를 보기전에 이거 부터 설정하고 배워보자ImageLoaded는 이미지를 masonry를 사용하기전 충분히 로딩을 한 후 작동되게 하려고 사용한다.이미지를 충분히 로딩하지 못한채로 masonry를 사용하면 겹치는 현상도 발생함.https

아키텍처를 구성하는 요소
프록시(Proxy)란?프록시(Proxy)의 사전적 의미는 대리, 대리권을 의미한다. 이와 마찬가지로 프록시 서버는 원 서버를 대리하여 통신하며 캐시, 로드밸런서, 보안 등 중계 역활을 하는 서버라 일컫습니다.프록시 서버가 중간에 위치하기 때문에 💡 클라이언트는 프록시

12/21 배포(2) 와 http,https
배포 두번째시간. 이번에는 http접속시에 주의 요함이라고 뜨는 이유가 무엇인지에 대해서부터 시작하였다.이 주의요함이 자물쇠형태로 바꾸는 것을 하기전에 이것이 왜 주의 요함이고, 왜 https를 사용해야하는지에 대해 알기위해서는 우선 네트워크부터 알아야한다.먼저 와이어
CDN(콘텐츠 전송 네트워크)
DDoS 공격 대응 가능하나의 데이터 센터를 사용하지 못한다고 하더라도 다른 데이터 센터는 여전히 동작하고 있으므로 다른 데이터 센터에서 콘텐츠를 제공받을 수 있음사용자 경험 향상페이지 로드 시간을 단축 시켜 사이트 이탈 방지트래픽 분산으로 인한 비용 절감서버를 세계

CDN 사용의 장/단점이 무엇인가?
CDN 에 대해서 어렴풋 알고 있고 그래서 사용하는 데에도 거리낌 없이 사용하고 있다. 하지만 CDN 을 사용할 때 생기는 장점과 단점이 뭔지는 자세하게 문서화하지 않고 막연하게 머리로만 생각한 것 같다.그래서 이 참에 그 문제에 대해서 정리하려고 한다.content
최적화(Optimization) 기법
DOM Tree가 깊을수록, 자식 요소가 많을 수록 DOM Tree의 복잡도는 커진다. DOM Tree의 복잡도가 클 수록, DOM Tree가 변경되었을 때 계산해야 하는 것이 많아지므로, 불필요하게 깊이를 증가시키는 요소가 있다면 삭제하여 DOM Tree를 최대한 가

[최적화] 최적화 기법
화면을 렌더링할 때는 HTML 파일과 CSS 파일이 필요HTML 파일은 DOM 트리를, CSS 파일은 CSSOM 트리를 만들고 두 트리를 결합(렌더 트리)하여 렌더링할 때 사용이 두 트리 중에서 하나라도 변경되면 리렌더링을 유발하는데, 이때 트리의 크기가 크고 복잡할수