Node.js - 동적인 웹페이지 만들기 | 생활코딩 강의 복습 | 프로그래밍 공부

* 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 

모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.*

페이지를 동적으로 만들어보자.

페이지의 내용 부분을 우리가 마음대로 만들 수 있게 할 것이다.

var template 로 변수 하나를 만들고, ` ` 안에 내용을 넣는다.

템플릿 내용이 표시되도록 response.end() 내부에 template을 넣는다.

중간에  <h2>${queryData.id}</h2> 부분으로 바꾸어주면,

쿼리데이터의 아이디가 제목으로 들어가기 되고, 우리가 어느 페이지를 들어 가느냐에 따라

제목이 바뀌게된다.

1.HTML 페이지를 클릭하면, 제목이 HTML으로 바뀐다.

왜냐하면 /?id=HTML <- 이 부분 때문이다.

그렇다면 처음에 웹으로 들어갔을 때는 제목이 Welcome으로 나오도록 설정하자.

title이라는 변수의 초기값을 'Welcome'으로 두자.

그리고 제목 부분을 title으로 바꾸어 준다.

처음에 웹으로 들어 갔을 때,

제목이 Welcome으로 잘 나오는 것을 확인할 수 있다.

만약 우리가 웹페이지의 목록을 1. 2. 3. ... 이 아닌,

점으로 바꾸고 싶다면, 간편히 <ol> -> <ul> 으로 바꾸면 된다.

이렇게.