본문 바로가기

개발기술/프론트엔드

웹 서버의 정적파일 제공

웹 서버의 주요 기능

해당 문서에서는 정적파일 제공에 대해서만 집중적으로 설명하고자 한다.

  1. 정적 파일 제공 → HTML, CSS, JS, 이미지 등
  2. 리버스 프록시(Reverse Proxy) → 백엔드 애플리케이션으로 요청 전달
  3. 로드 밸런싱(Load Balancing) → 여러 서버에 트래픽 분산
  4. 캐싱(Caching) → 요청을 최적화하여 성능 향상

 

웹 서버와 프론트엔드의 관계

  • 프론트엔드는 웹 서버를 사용하여 정적 파일(HTML, CSS, JS, 이미지)을 배포함.
  • 예를 들어, React/Vue 같은 **SPA(Single Page Application)**의 경우, 빌드된 정적 파일을 웹 서버에서 제공.

 

웹 서버가 폴더를 자동으로 서빙하는 원리

  • Spring의 @RequestMapping을 통해 컨트롤러에서 직접 URL을 매핑하는 방식과는 다르게, 웹 서버는 특정 폴더를 정적 파일(Static File) 디렉토리로 설정하여 이미지, CSS, JavaScript 등을 자동으로 제공할 수 있습니다.
  • 웹 서버(Apache, Nginx, Spring Boot 내장 Tomcat 등)는 특정 디렉토리를 정적 리소스(Static Resource) 폴더로 설정할 수 있습니다. 이렇게 설정하면 해당 폴더 안에 있는 파일들은 자동으로 HTTP 요청을 통해 접근 가능하게 됩니다.
    • Spring Boot는 기본적으로 static/, public/, resources/, META-INF/resources/ 폴더를 정적 리소스 디렉토리로 설정합니다. 이 폴더에 있는 파일들은 Spring에서 별도의 @RequestMapping 없이도 자동으로 서빙됨.

'개발기술 > 프론트엔드' 카테고리의 다른 글

프론트엔드 환경설정 및 배포  (0) 2025.03.24
웹 브라우저 API  (0) 2025.02.26
백엔드 개발자와 프론트 엔드 이해도  (0) 2025.02.12
Java, Javascript, Python 비교  (1) 2025.01.14
DOM  (0) 2025.01.09