# CDN

96개의 포스트

CDN 이란 무엇일까?

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

2023년 4월 4일
·
0개의 댓글
·
post-thumbnail

[개발] 이미지 AWS S3 업로드 및 삭제부터 CDN 적용까지

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

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

[2023 기능대회 준비] 5. CloudFront 실습

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

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

Cloud storage 버킷에 이미지 업로드 (CDN)

파일을 버킷에 디렉토리 별로 분류해서 넣으려면 gs://프로젝트명/파일명자 버킷에 올린 이미지를 어떻게 사용하느냐?아무 사이트나 들어가서 F12를 눌러봤다.이미지에 해당하는 html문구 중를 찾았다. GCP 버킷에 이미지를 올리면 네트워크에 이미지의 주소가 올려진다.해

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

[AWS] CloudFront.

CDN : Contents Delivery Network

2023년 3월 3일
·
0개의 댓글
·
post-thumbnail

AWS Amplify 를 이용한 (Nextjs)웹사이트 정적배포 정리

시작글(AWS 공식 설명글) : https://aws.amazon.com/ko/getting-started/hands-on/host-static-website/시작하기 앞서 s3를 이용한 정적웹사이트 호스팅을 이용하는게 비용적으로 효과적이지않냐고 말할 수 있지

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

[AWS] AWS CloudFront, S3 를 활용하여 CDN 환경 구축하기

CloudFront 로 캐싱을 진행하여 S3 버킷의 데이터에 대한 접근시간을 단축시켜보자! 🔥

2023년 2월 9일
·
0개의 댓글
·
post-thumbnail

[AWS] CloudFront에 대해 알아보자

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

2023년 2월 5일
·
0개의 댓글
·
post-thumbnail

Defer / Async 효율적으로 사용하기

그 분야와 연관성이 있는 defer와 async에 대해서 알아보겠습니다.

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

대규모 시스템 설계를 위한 노트시리즈(4) - CDN

CDN이란? CDN 의 작동원리 CDN 사용시 고려해야 할 사항

2023년 1월 23일
·
0개의 댓글
·
post-thumbnail

왜 3-way handshake를 사용할까?

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

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #056일

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

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

아키텍처를 구성하는 요소

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

2022년 12월 29일
·
0개의 댓글
·
post-thumbnail

12/21 배포(2) 와 http,https

배포 두번째시간. 이번에는 http접속시에 주의 요함이라고 뜨는 이유가 무엇인지에 대해서부터 시작하였다.이 주의요함이 자물쇠형태로 바꾸는 것을 하기전에 이것이 왜 주의 요함이고, 왜 https를 사용해야하는지에 대해 알기위해서는 우선 네트워크부터 알아야한다.먼저 와이어

2022년 12월 21일
·
0개의 댓글
·

CDN(콘텐츠 전송 네트워크)

DDoS 공격 대응 가능하나의 데이터 센터를 사용하지 못한다고 하더라도 다른 데이터 센터는 여전히 동작하고 있으므로 다른 데이터 센터에서 콘텐츠를 제공받을 수 있음사용자 경험 향상페이지 로드 시간을 단축 시켜 사이트 이탈 방지트래픽 분산으로 인한 비용 절감서버를 세계

2022년 12월 15일
·
0개의 댓글
·
post-thumbnail

CDN 사용의 장/단점이 무엇인가?

CDN 에 대해서 어렴풋 알고 있고 그래서 사용하는 데에도 거리낌 없이 사용하고 있다. 하지만 CDN 을 사용할 때 생기는 장점과 단점이 뭔지는 자세하게 문서화하지 않고 막연하게 머리로만 생각한 것 같다.그래서 이 참에 그 문제에 대해서 정리하려고 한다.content

2022년 12월 7일
·
0개의 댓글
·

최적화(Optimization) 기법

DOM Tree가 깊을수록, 자식 요소가 많을 수록 DOM Tree의 복잡도는 커진다. DOM Tree의 복잡도가 클 수록, DOM Tree가 변경되었을 때 계산해야 하는 것이 많아지므로, 불필요하게 깊이를 증가시키는 요소가 있다면 삭제하여 DOM Tree를 최대한 가

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

[최적화] 최적화 기법

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

2022년 12월 4일
·
0개의 댓글
·
post-thumbnail

1초면된다. 폰트어썸, 구글폰트 연결하는법!

폰트어썸... 구글폰트...1초만에 하는법 알려줄게... ㄹㅇ임...

2022년 11월 28일
·
0개의 댓글
·