생활코딩/node.js

동적으로 웹사이트 다루기!

7he8oy 2020. 12. 30. 16:27

앞서 쿼리 스트링에 대해서 배웠다.

 

기존 html은 각 개별 페이지가 정적으로 존재하기 때문에 만약 전체 페이지의 포맷을 바꾸고 싶다면 각각 수정해주어야 하는 번거로움이 있었다.

 

이것을 해결하기 위한 방법에 대한 나의 이해는 이렇다. 

node.js는 필터 기능(?) 같은 것을 구현할 수 있다.

이 필터는 쿼리 스트링에 따른 특정 input이 주어지면 그 input에 대응하는 데이터를 포맷에 맞는 output을 제공해준다.

따라서 그 포맷을 수정하면 전체 웹사이트의 포맷이 달라지는 효과를 보일 수 있다. 

 

 

이 필터를 이용하여 이제 서버 페이지에서

쿼리 스트링에 따라 

 

title등의 내부 텍스트를 바꿀 수 있으며,

보여주고자 하는 본문도 따로 파일을 만들어 동적으로 화면에 띄울 수 있다.

 

 

위의 이미지에서 title은 queryData.id를 의미하고 

description은 각 queryData.id에 대응하는 본문을 의미한다.

'생활코딩 > node.js' 카테고리의 다른 글

홈페이지 완성  (0) 2021.01.02
node.js를 이용하여 홈페이지 만들기. 중간정리 및 코드  (0) 2020.12.31
동기와 비동기 그리고 콜백  (0) 2020.12.31
URL의 이해  (0) 2020.12.30
Node.js 설치 및 문법  (0) 2020.12.29