압축 기능
- serve-static:
serve-static패키지는 압축 기능이 없습니다. 단순히 파일 시스템에서 정적 파일을 읽어 클라이언트에 전송하는 기능만 제공합니다. - compression:
compression패키지는 클라이언트의 압축 지원에 따라 Gzip 또는 Brotli 압축을 자동으로 적용하여 응답 데이터를 압축합니다. 이를 통해 대역폭 사용을 줄이고 로드 시간을 단축시킬 수 있습니다. - express-static-gzip:
express-static-gzip패키지는 정적 파일을 제공하면서 Gzip 압축된 파일을 우선적으로 서빙합니다. 압축된 파일이 존재할 경우 이를 사용하여 대역폭 사용을 줄이고 전송 속도를 높입니다.
정적 파일 서빙
- serve-static:
serve-static패키지는 Express.js의 기본 정적 파일 서빙 미들웨어로, 파일 시스템에서 정적 파일을 읽어 클라이언트에 전송합니다. - compression:
compression패키지는 정적 파일 서빙 기능이 없습니다. 주로 응답 데이터를 압축하는 데 초점을 맞춘 미들웨어입니다. - express-static-gzip:
express-static-gzip패키지는 정적 파일을 제공하면서 Gzip 압축된 파일을 우선적으로 서빙합니다. 정적 파일 서빙과 압축 기능을 동시에 제공합니다.
설정 용이성
- serve-static:
serve-static패키지는 기본적인 정적 파일 서빙 기능을 제공하며, 설정이 간단하고 직관적입니다. - compression:
compression패키지는 간단한 설정으로 사용할 수 있으며, 클라이언트의 압축 지원에 따라 자동으로 압축을 적용하므로 별도의 복잡한 설정이 필요 없습니다. - express-static-gzip:
express-static-gzip패키지는 정적 파일 서빙과 압축 기능을 동시에 제공하지만, 압축된 파일이 존재해야 하므로 사전 준비가 필요합니다.
대역폭 절약
- serve-static:
serve-static패키지는 대역폭 절약 기능이 없습니다. 단순히 정적 파일을 서빙하므로, 대역폭 사용을 줄이기 위한 추가적인 기능은 없습니다. - compression:
compression패키지는 응답 데이터를 압축하여 대역폭 사용을 줄입니다. 클라이언트의 압축 지원에 따라 자동으로 압축을 적용하므로, 대역폭 절약 효과가 있습니다. - express-static-gzip:
express-static-gzip패키지는 Gzip 압축된 파일을 우선적으로 서빙하여 대역폭 사용을 줄입니다. 이미 압축된 파일이 있을 경우 이를 활용하여 더욱 효율적으로 대역폭을 절약할 수 있습니다.
코드 예시
- serve-static:
정적 파일 서빙 예시
const express = require('express'); const serveStatic = require('serve-static'); const app = express(); app.use(serveStatic('public')); // 정적 파일 서빙 app.get('/', (req, res) => { res.send('정적 파일 서빙 중...'); }); app.listen(3000, () => { console.log('서버가 3000번 포트에서 실행 중입니다.'); }); - compression:
압축 미들웨어 사용 예시
const express = require('express'); const compression = require('compression'); const app = express(); app.use(compression()); // 압축 미들웨어 사용 app.get('/', (req, res) => { res.send('Hello, World!'); }); app.listen(3000, () => { console.log('서버가 3000번 포트에서 실행 중입니다.'); }); - express-static-gzip:
정적 파일 서빙 및 압축 예시
const express = require('express'); const { express.static } = require('express-static-gzip'); const app = express(); app.use('/static', express.static('public')); // 기본 정적 파일 서빙 app.use('/static', express.static('public', { gzip: true, // Gzip 압축 사용 })); app.get('/', (req, res) => { res.send('정적 파일 서빙 중...'); }); app.listen(3000, () => { console.log('서버가 3000번 포트에서 실행 중입니다.'); });