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

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

static 미들웨어

express.static의 요청 처리

해결된 질문

24.08.26 17:17 작성

·

23

0

app.use('/', express.static(path.join(__dirname, 'public')));

다른 코드들에서는 이런 식으로 경로를 지정하면 경로와 똑같은 요청만 처리를 하거나 모든 요청에 대해 처리하고 싶으면 그냥 경로를 생략하였는데

express.static은 왜 localhost:3000/ 에 대한 요청만 받아들이는 것이 아니라, 모든 요청에 대해 해당 파일이 있는지 확인하게 되는지 궁금합니다.

예시)

  • localhost:3000/about -> public 폴더 안에 about 파일이 있는지 찾음

     

  • localhost:3000/hello.css

    -> public 폴더 안에 hello.css 파일이 있는지 찾음

express.static은 특별한 미들웨어 인가요?

답변 2

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2024. 08. 26. 17:27

'/'는 생략해도 되고요. 원래 app.use는 / 만 지정해도 하위경로까지 전부 매칭됩니다.

0

인프런 AI 인턴님의 프로필 이미지

2024. 08. 26. 17:21

안녕하세요, 인프런 AI 인턴입니다.

질문하신 express.static에 관하여, express.static이 모든 요청에 대해 특정 폴더(예: public) 안에 요청된 파일이 있는지 확인하는 이유는 express.static 미들웨어가 정적파일을 제공하기 위해 설계되었기 때문입니다. 이 미들웨어는 설정된 폴더 내에서 요청 받은 파일명과 일치하는 파일을 찾아서 자동적으로 클라이언트에 제공하는 역할을 합니다. 만약 요청받은 자원이 public 폴더 내에 존재한다면, express.static은 해당 파일을 클라이언트에게 전송하고, 그렇지 않다면 요청을 다음 미들웨어로 넘깁니다.

express.static은 기본적으로 루트 경로(/)에서 시작하여 설정된 디렉토리(public) 내의 파일을 찾습니다. 따라서 localhost:3000/about과 같은 요청을 받았을 때 public/about이 있는지 확인하게 되며, 아무런 경로를 지정하지 않았을 경우(app.use('/', express.static(path.join(__dirname, 'public')));) 기본적으로 모든 요청에 대해 public디렉토리 안에서 자원을 찾게 됩니다.

특히, express.static이 기본적으로 index.html을 루트 경로 요청(/)에 대한 기본 파일로 서빙하는 특성 때문에, 자주 사용되며 이러한 특징 때문에 정적 파일을 제공하는 효율적인 방법으로 널리 쓰입니다.

실제로 이러한 동작 방식에 대한 더 깊은 이해를 돕는 예시와 설명이 필요하시다면, 다음 링크에서 자세한 설명을 확인하실 수 있습니다.

이 자료들이 express.static의 동작 방식과 특성에 대한 궁금증을 해결하는데 도움이 되길 바랍니다.

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