인프런 커뮤니티 질문&답변

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• nginx가 하는일이 뭔지 궁금합니다: 이 글에서는 Nginx의 역할을 설명하며, 프론트엔드 웹 페이지 배포와 관련된 내용을 다룰 수 있습니다.
  

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