URL의 이해

protocol: 통신규칙

• 사용자가 서버에 접속할 때 어떤 방식으로 통신할 것인지를 나타낸다.

host(domain): 인터넷에 접속해있는 각각의 컴퓨터

• 특정한 인터넷에 연결되어 있는 컴퓨터를 가리키는 주소를 나타낸다.

port: 포트번호

• 한대의 컴퓨터 안에 여러대의 서버가 있을 때, 클라이언트가 어떤 서버와 통신할 지를 지정해준다. 3000으로 입력해주면 3000번 포트를 사용하는 서버와 연결된다.
• 보통의 브라우저는 80번 포트는 생략한다.

path: 경로

• 컴퓨터 안에 있는 어떤 디렉토리에 어떤 파일인지 가리킨다.

query string

• 이를 변경하여 웹서버에 데이터를 전달할 수 있다.
• ?로 시작하는 것으로 약속되어 있다.
• 값의 이름과 값은 =로 구분하도록 약속되어 있다.

Node.js에서 URL을 통해서 입력된 값을 사용하는 방법

1. URL모듈을 추가

• var url = require('url'); 을 추가하여 URL 모듈을 추가해준다.

2. 기존의 url변수의 이름을 변경

• var url = request.url; 을 _url로 변경해준다.

3. queryData변수를 추가

• var queryData = url.parse(_url, true).query;를 추가해준다.

4. response.end() 괄호 안에 queryData를 추가

• response.end()는 괄호 안에 들어가는 파일을 읽어주는 역할을 한다.
• 괄호 안에 queryData.id를 넣어 queryData를 보여주도록 한다.
  

5. 브라우저에 localhost:3000/?id=" "를 넣어 접속

1. 우선 main.js를 다시 시작해준다.
2. localhost:3000/?id=HTML을 넣어 접속해본다.response.end()괄호 안에 queryData.id를 넣어서 페이지에 HTML이 나타난 것을 볼 수 있다.
   같은 방법으로 localhost:3000/?id=CSS를 넣어 접속해본다.
3. 터미널을 확인한다. 페이지에 접속할 때마다 queryData에 해당하는 메세지가 출력되는 것을 볼 수 있다.

---

참고자료

생활코딩