11. Express - 웹페이지를 표현하는 방법

1. 정적인 파일 복습

먼저 dynamic.js파일을 만들어서, 위와같은 코드를 작성한다.

그리고 pulic 폴더를 만들고, static.html을 만들어서 다음과 같은 코드를 작성하자.

node dynamic.js를 통해 서버를 틀고, http://localhost:3000/static.html로 접속하면, 우리가 작성한 html파일이 뜬다. 이것이 지난번에 공부한 정적인 파일을 서비스하는 방법이다. 

서버가 켜진상태에서 static.html파일을 변경하고, 다시 http://localhost:3000/static.html 접속해보면 변경된내역이 바로 적용된다.

2. 동적인 파일 

아까 작성한 dyanmic.js 파일에 저코드를 추가한다. 

http://localhost:3000/dynamic 으로 접속해보면,  오류가 뜬다. 이것은 서버가 계속 켜져있기 때문이다.

동적파일을 작동하기 위해서는 서버를 끄고, 다시 켜야한다. 

서버를 다시 키고, 주소로 접속해보면 우리가 작성한 동적파일이 화면에 잘 나오는것을 볼 수 있다.

정적파일인 static.html을 위와 같이 작성하고, 동적파일 dynamic.js를 저렇게 작성해보자.

정적파일이나 동적파일 둘다 화면이 동일하게 뜬다.

3. 정리 

정적인파일 - 라우터설정이 필요없고, 서버를 종료안해도 변경내역이 적용되지만, 동적인 요소를 넣기 불편

동적인파일 - 동적인 요소를 넣을 수 있어서 좋다. 하지만 js파일에 html 작성이 코드가 길어진다. 그리고 변경내역 적용은 서버를 껏다가 다시 켜야한다.

출처 - 생활코딩