본문 바로가기
JavaScript/Node.js

생활코딩 Node.js URL, 동적인 웹 페이지 만들기, 파일 읽기

by mingutistory 2020. 4. 3.
728x90

URL 

http://opentutorials.org:3000/main?id=HTML&page=12; 

1. http: 프로토콜. 웹 브라우저와 웹 서버가 데이터를 주고 받기 위해서 만든 통신 규약

2. opentutorials.org : host, 도메인 네임. 특정한 인터넷에 연결되어있는 컴퓨터를 

3. 3000 :  포트번호. 한 대의 컴퓨터 안에 여러 개의 서버가 존재 가능. 웹 클라이언트가 통신 할 때 어떤 서버와 통신 할지 모호해질 수 있기 때문에 명시 / 포트 번호 생략시 80이 기본

4. main : path. 컴퓨터의 어떤 폴더에 존재하는 지. 

5. ?id=HTML&page=12 : query string. 수업 주인공. query string 값을 변경하면 웹 서버에게 데이터를 전달 가능. 읽고 싶은 정보에 대한 정보를 전달 할 수 있음. > 이것에 따라서 동적으로 웹 페이지 생성 가능.

 

URL을 통해서 입력된 값 사용하기

http:/localhost/?id=HTML

쿼리 스트링에 따라서 다른 정보 보여주는 것.

 

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);

추가한 부분

var url = require('url); 

var queryData = url.parse(_url, true).query; 

 

동적인 웹페이지 만들기

이거 진짜 신기하고 편리해 보이잖아?

파일에 본문만 저장해두고 본문을 읽어오게 함.

 

Node.js의 파일 읽기 기능

CRUD (Create, Read, Update, Delete) : 정보를 다루는 핵심적인 처리 방법 

파일을 어떻게 Node.js에서 읽을 수 있는가?

검색 : nodejs file rea

https://nodejs.org/dist/latest-v12.x/docs/api/

 

Index | Node.js v12.16.1 Documentation

 

nodejs.org

Node.js의 파일 읽기 기능

var fs = require('fs'); // fs를 통해서 파일 시스템을 다루게 됨

fs.readFile('test.txt', 'utf8', function(err,data){
    console.log(data); 
});

재미있군

 

 

 

 

300x250

댓글