inflearn logo
강의

講義

知識共有

非専門家でも理解できるNginx入門/実践

[実習] ウェブフロントエンドプロジェクト(HTML, CSS, JS)をデプロイする

프론트엔드 배포 역할 의미

141

sindong942523090

投稿した質問数 22

1

안녕하세요
웹프론트엔드 배포하기가 CDN 역할중 하나인 정적인 컨텐츠를 빠르게 제공하기랑 똑같은 걸로 보면 될까요?

aws nginx reverse-proxy infrastructure

回答 2

1

jscode

안녕하세요 동아님! 질문 잘 해주셨습니다:)

웹 프론트엔드 프로젝트를 배포할 때의 유형으로는 크게 2가지가 있습니다.

  1. '정적인 컨텐츠'를 배포 (ex. HTML, CSS와 같은 파일)

  2. '동적인 컨텐츠'를 배포 (ex. 서버를 계속 가동시키고 있어야 하는 형태 -> Next.js)

그리고 이 2가지 형태의 웹 페이지를 배포하는 방법에는 여러가지가 있습니다.

하지만 모든 웹 페이지의 배포 방식에서 CDN을 필수로 적용해야 하는 건 아닙니다.

그러다보니 웹 프론트엔드 배포하기정적인 컨텐츠를 빠르게 제공하기는 엄연하게 다른 점이 존재합니다.

따라서 '웹 프론트엔드를 배포하는 방법 중에 CDN을 활용해 정적인 컨텐츠를 빠르게 제공하는 방법이 있구나' 정도로 받아들이시는 게 좋습니다!

이 외로 궁금하신 점 있으시면 댓글 남겨주세요~~

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 신동아님.

프론트엔드 배포 시의 역할에 대해 질문 주셨네요. 웹 프론트엔드 배포에서 CDN(Content Delivery Network) 역할은 기본적으로 정적 콘텐츠를 사용자에게 빠르게 전달하는 것입니다. 이와 비슷한 개념으로 프론트엔드 배포 시 사용되는 다양한 방법들이 있습니다.

  1. CDN의 역할: CDN은 전 세계에 분산된 네트워크를 통해 사용자의 위치와 가까운 서버에서 콘텐츠를 전달, 로딩 속도를 향상시켜 주며, 보안과 안정성을 개선하는 데에도 도움을 줍니다.

  2. 정적 웹 호스팅: 프론트엔드 배포 시 정적 파일(CSS, JavaScript, 이미지 등)을 빠르게 제공하기 위해 CDN을 활용할 수 있습니다. 이는 주로 자주 변경되지 않는 파일을 사용자에게 빠르게 제공하여 웹 사이트의 성능을 높이는 방식입니다.

  3. 백엔드와의 결합: 웹 서비스의 경우 클라이언트(사용자)에게 보이는 부분은 프론트엔드, 서버에서 데이터를 처리하는 부분은 백엔드로 나뉘는데, CDN은 이들 간의 데이터 전송 속도를 개선해 줍니다.

신동아님께서 언급하신 CDN의 주요 역할이 정적 콘텐츠 전달이라면, 웹 프론트엔드 배포는 CDN 외에도 다양한 방법을 통해 이루어질 수 있습니다. 아래 게시글은 여러분의 이해를 돕기 위한 유사 예시와 프론트엔드 배포에 대한 다양한 접근을 다루고 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

정적 파일 서빙에 대한 성능 최적화에 대해 질문드립니다.

0

3

0

패키지 구분에 대해 궁금한게 있습니다

0

7

1

iam 권한

0

15

1

혹시 아파치 서버 관련 책이나 사이트도 추천해주실수 있으신가요..?

0

63

2

스프링부트 서버에 proxy_pass 할 때 질문 있습니다

0

71

2

꼭 conf.d에 default 파일이 있는상태에서 시작해야하나요 ??

0

72

2

HTTPS 관련 코드 해석하기

0

78

2

default.conf 파일이 없습니다.

0

81

2

로드밸런싱 Server ID 출력에 관한 질문

0

54

2

default.conf

0

68

2

도메인 구매 시, AWS 결제 이력이 없으면 실패하니 참고바랍니다.

0

60

2

https는 백엔드에도 적용해야하나요?

0

126

2

Nginx의 성능을 알고 싶으면 리눅스 위에서 실행 시켜야 하잖아요..

0

96

2

챕터 22에대한 질문드립니다.

0

106

2

AWS EC2 인스턴스 생성하기 - 키페어 필요

0

137

2

https 적용 과정질문

0

185

2

도메인 네임 EC2에 연결하기

0

144

2

Vite 없이 React만 배포할 시

1

118

2

location = /50.x.html 블럭

0

120

2

NextJS 15버전의 경우 build 후 폴더가 다른 것 같습니다

0

358

2

상대경로 관련 질문드립니다!

0

156

2

nginx, DNS 순서 관련 질문

0

136

2

nginx 설정파일 root 설정 관련 문의

0

222

2

/etc/nginx/conf.d 디렉토리 내 default.conf가 없습니다

1

190

1