Express] 정적파일을 서비스하는 법

정적파일을 어떻게 사용자에게 제공할 수 있는가?

정적파일?

- 동적이지 않은 것

- 프로그래밍적으로 만들어진 웹페이지는 동적이라고 표현함.

- 그렇지 않고 사람이 만든 것을 언제나 똑같이 보이면 그것은 정적이라고 한다.

express 홈페이지 메뉴얼에서 정적으로 파일을 작성하고 싶을 때를 참고해보자.

app.use(express.static('public'));

middleware를 알고 있어야 위 코드를 모두 해석할 수 있다.

모른다면 패턴화해서 익히면 되니 걱정하지 말자.

app.js 코드에 추가해보자.

Line 4 : 정적인 파일이 위치할 디렉토리를 지정하는 기능.

그 디렉토리명을 static() 안에 명시한다.

= public이라는 디렉토리를 정적인 파일이 위치하는 디렉토리로 하겠다.

(동작 전, public이라는 디렉토리가 생성되어 있어야 한다.)

(실행결과; 주소창 주의하여 살표보기)

 

(public directory)

 

(text.txt)

  

(food.jpg)

다음과 같이 코드를 작성 및 확인 할 수 있다.

네트워크를 통해서 웹페이지에서 로드하는 내용을 볼 수 있다.