URL 구조 이해하기

생활코딩 강의 중 영상에서 보여진 이미지

port : 80 이 default(기본값)이다.

path : 디렉토리내의 경로를 의미

 

query string : 이걸 통해 node.js는 각 페이지를 랜더링 할 수 있다. -> URL에 입력된 정보에 따라 브라우저에 보여지는 데이터나 이미지를 변경할 수 있다는 뜻

 

url을 변수에 저장하고, query string을 url.parse()를 통해 변수에 저장한다.

이후 점 연산자 ex) .id 를 통해 브라우저에 해당 값을 넘겨줄 수 있다.

 

response.end() 함수 안에 어떤 값을 넣는지에 따라 브라우저 상에 사용자에게 보여지는 값이 달라진다.

_url이어야함

위 코드처럼 입력하게 되면 해당 디렉토리 내의 url을 따라 지정된 파일을 읽어들이게 된다.

 

port 번호는 아래와 같이 변경해서 호출할 수 있다.

 

var http = require('http');
var fs = require('fs');
var url = require('url');

var app = http.createServer(function(request,response){
    var _url = request.url;
    var queryData = url.parse(_url, true).query;
    console.log(queryData.id);
    if(_url == '/'){
      _url = '/index.html';
    }
    if(_url == '/favicon.ico'){
      return response.writeHead(404);
    }
    response.writeHead(200);
    response.end(queryData.id);
 
});
app.listen(3000);