express.static의 요청 처리

Question

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은 특별한 미들웨어 인가요?

제로초(조현영) · Answer

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

인프런 AI 인턴 · Answer

안녕하세요, 인프런 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 을 루트 경로 요청( / )에 대한 기본 파일로 서빙하는 특성 때문에, 자주 사용되며 이러한 특징 때문에 정적 파일을 제공하는 효율적인 방법으로 널리 쓰입니다. 실제로 이러한 동작 방식에 대한 더 깊은 이해를 돕는 예시와 설명이 필요하시다면, 다음 링크에서 자세한 설명을 확인하실 수 있습니다. app.use 질문드립니다. app.use 와 express.static 이 어떻게 작동하는지에 대한 기본적인 설명을 제공합니다. 제 예상과 다르게 응답을 하고 있습니다 express.static 을 사용할 때 발생하는 특정 동작(예: 기본적으로 index.html 을 제공하는 것)에 대해 논의합니다. 이 자료들이 express.static 의 동작 방식과 특성에 대한 궁금증을 해결하는데 도움이 되길 바랍니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.