express 모듈 활용 정적 파일

 

express 모듈을 사용해서 html 파일을 열고 페이지 이동하려고 하니 페이지가 이동되지 않았다.

 

html 파일에서 a태그를 이용해서 페이지를 이동하려고 했는데 클릭을 해도 동일한 페이지만 자꾸 뜨는 문제가 발생했다.

페이지 접속할 때마다 hello라는 로그를 cmd에 뜨도록 했는데 계속해서 동일한 페이지를 요청하고 응답해주는 것이었다.

 

아래의 코드를 활용하고 있었는데 express.use에 내가 잘 모르고 활용하고 있다고 생각이 들었다.

 

var express = require('express');

var app = express();

 

var http = require('http');

var server = http.Server(app);

 

app.use('/', function(req, resp) {

   resp.sendFile(__dirname + '/main.html');

 });

 

그래서 아래와 같이 마지막 주소부분만 값을 바꿔서 해보았지만 실패

 

app.use('/', function(req, resp) {

   resp.sendFile(__dirname + '/main.html');

 });

app.use('/', function(req, resp) {

   resp.sendFile(__dirname + '/chat.html');

 });

 

이리저리 구글링 하다 보니

express 공식 홈페이지에서 정적 파일 설명이 떡하니 있는 것!

https://expressjs.com/ko/starter/static-files.html

Express에서 정적 파일 제공

이대로 하고 나니 url을 변경해도 접속 가능해졌다