요즘 웹 서버가 주로 사용되는 이유는 SPA 구조 때문일까요 ?

Question

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? ( 예 /아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? ( 예 /아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예 /아니오) [질문 내용] 여기에 질문 내용을 남겨주세요.     지금 웹서버, 웹 애플리케이션 서버 공부 중인데요.. 웹서버와 웹 애플리케이션 서버가 나와서 반가운 마음에 질문을 드립니다. 강의에는 이 내용까진 않나오고 정적 리소스 제공이 웹서버, WAS 도 웹 서버 기능이 있지만 보통은 웹 애플리케이션 로직 처리에 특화되어있다와 같이 설명을 해주셨습니다.   근데 전에 어디서 들은건데 요즘 SPA 페이지라서...   한 페이지에 여러 이미지 등이 존재하고 소비자가 index.html을 요구했다 가정하면 index.html 을 제공한 후, 그 후에 index.html 에 있는 많은 정적 파일들이 또 요청된다고 알고 있습니다.   그럼 이러한 이유 때문에 현대에서는 웹 서버가 중요하고 그로인해 nginx 를 앞단에 설치한다고 생각하고 있어도 될까요 ?

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 수하님. SPA(Single Page Application)는 현대 웹 개발에서 널리 사용되는 방식으로, 페이지 전환 없이 동적으로 콘텐츠를 로드하여 사용자 경험을 향상시키는 기술입니다. 이러한 SPA 구조 때문에 웹 서버가 중요하게 사용되는 이유를 알아보겠습니다. 왜 웹 서버가 중요한가? SPA는 클라이언트 측에서 브라우저 로드 후 JavaScript에 의해 동작하는 방식입니다. 이는 특히 아래와 같은 이유로 웹 서버의 중요성을 증가시킵니다: 1. 정적 자원 제공 : SPA는 일반적으로 클라이언트 측에서 작동하기 때문에, 초기 로드를 위해 정적 리소스(HTML, CSS, JavaScript 파일)를 빠르게 제공하는 것이 중요합니다. 웹 서버는 이러한 정적 파일을 효율적으로 제공할 수 있습니다. 최적화된 속도 : 웹 서버(Nginx, Apache 등)는 정적 콘텐츠 제공에 최적화되어 있습니다. 이는 서버의 부하를 감소시키고 자원 사용을 최소화하는 데 도움이 됩니다. 로드 밸런싱 및 트래픽 관리 : Nginx 같은 웹 서버는 클라이언트의 요청을 효율적으로 분배하고, 여러 서버 간의 부하를 고루 분산시킬 수 있습니다. 이는 높은 유입 트래픽을 효과적으로 처리할 수 있게 도와줍니다. 보안 및 SSL 처리 : 웹 서버는 SSL/TLS 처리를 통해 HTTPS를 지원하며, 클라이언트와 서버 간의 보안을 강화합니다. 이는 웹 애플리케이션 전체의 보안 및 무결성을 유지하는 데 중요한 역할을 합니다. SPA의 흐름 이해하기 처음 로드 시 서버로부터 최소한의 HTML이 제공됩니다. 이후 JavaScript가 동적으로 필요한 데이터를 API 호출 등을 통해 서버로부터 가져옵니다. 이와 같은 구조에서 웹 서버는 초기 HTML을 빠르게 제공하고, 추가적인 정적 자원을 효율적으로 처리합니다. Nginx를 앞단에 두어 이러한 정적 콘텐츠를 제공하고, RESTful API를 통해 데이터 처리를 위한 요청은 WAS로 전달하는 것이 일반적입니다. 관련하여 더 궁금한 점이 있으시면 아래 답변들을 참고하실 수 있습니다: Http 강의 질문입니다. - 웹 서버와 WAS 구조에 대한 핵심 차이를 설명합니다. 안녕하세요 pdf 자료 스프링 MVC 1편 - 웹 서버와 WAS의 차이와 SPA 구조에서의 역할을 다룹니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.