express
CHAPTER 9 / 34
읽기 약 2분
SYNTAX
정적 파일 서빙
핵심 개념
express.static() 미들웨어로 HTML, CSS, 이미지 등 정적 파일을 서빙합니다. public 폴더를 루트에 마운트합니다.
코드 분석
정적 파일 서빙
// 프로젝트 구조
├── public/
│ ├── index.html
│ ├── style.css
│ └── logo.png
└── server.js
// 정적 파일 미들웨어
app.use(express.static('public'))
// 경로 prefix
app.use('/static', express.static('public'))
// → /static/style.css 로 접근 가능AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
Claude
무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6
이 Express '정적 파일 서빙' 미들웨어 체인에서 요청 처리 순서 버그·에러 전파 누락·메모리 누수를 찾아서 수정해줘.
ChatGPT
무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro
'정적 파일 서빙'를 사용한 RESTful API를 CRUD 4개 엔드포인트가 포함된 완성 코드로 만들어줘.
Gemini
무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro
이 Express '정적 파일 서빙' 라우트 구조와 미들웨어 체인 전체를 분석해서 응답 시간·동시성·로깅 개선안을 정리해줘.
Grok
무료: Grok 4.1 / SuperGrok $30/mo
Express '정적 파일 서빙' vs Fastify·Hono의 동일 기능 구현을 2026년 기준 성능과 생태계로 솔직히 비교해줘.
⭐ 이것만 기억하세요
정적 파일 서빙은 이 3가지만 확실히 잡으세요
1.정적 파일 요청마다 fs.readFile로 직접 읽으면 캐싱이 안 되고 코드가 불필요하게 복잡해집니다
2.express.static('public')은 지정 폴더의 파일을 자동으로 서빙하며, 캐시 헤더와 MIME 타입을 자동 설정합니다
3.다음 챕터에서 서버에서 HTML을 동적으로 생성하는 템플릿 엔진을 배웁니다
공유하기
진행도 9 / 34