[Node.js] url 이용하여 동적 웹 페이지 만들기

출처 : https://www.opentutorials.org/course/3332/21046

Node.js - URL로 입력된 값 사용하기 - 생활코딩

출처 : https://www.opentutorials.org/course/3332/21047

App - 동적인 웹페이지 만들기 - 생활코딩

 

---

 

URL

 

protocol : 데이터 통신을 원활하게 하기 위해 필요한 통신 규약
             사용자가 서버에 접속할 때, 어떤 방식으로 통신할지 표기
             (http : HyperText Transfer Protocol, 웹 브라우저와 서버가 데이터를 주고받기 위해 만든 통신 규칙)
host(domain) : 인터넷에 접속되어있는 각각의 컴퓨터
                    특정한 인터넷에 연결되어있는 주소
port : 접속할 서버의 통로
path : 컴퓨터 안에 있는 파일을 경로
query string : 사용자가 입력 데이터를 전달하는 방법 중의 하나.
                   url 주소에 미리 협의된 데이터를 파라미터를 통해 넘긴다.
                   웹 서버에 데이터를 전송할 수 있는 방법
                   ? : 시작 표기, & : 값과 값 사이, = : 이름과 값 사이

 

 

Query String

다음과 같이 query string을 출력했을때, 출력창에 나타나는 것을 확인할 수 있다.

---

.id를 입력하면, 값을 얻어올 수 있다.

---

query string에 따라 다른 정보를 출력하는 웹 어플리케이션을 만들 수 있다.

 

동적 웹 페이지

다음과 같이 querydata를 template literal로 사용하여 동적 웹 페이지를 구성한다.

---

다음과 같이 query string을 직접 작성하여, 하이터링크를 눌렀을때 해당 url이 되도록 한다.

---

root 경로도 따로 지정한다.