C-log

이번 시간에는 query string을 이용해서 템플릿 리터럴로 웹페이지의 구성을 작성할 것이다. 이번 시간의 수업은 어려움이 없어서 코드만 올려둘 것이다. 템플릿으로 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; var title = queryData.id; console.log(q..

이제 우리는 url의 특정 값들을 자유롭게 가져올 수 있어야한다. 우선 이번 수업 때 기본적으로 사용한 코드는 아래와 같다. 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.writeHe..

앞서 우리는 nodejs가 가지고 있는 모듈을 이용해서 http를 파싱하는 server를 생성했다. 이제는 우리가 url에 직접 관여해서 템플릿을 활용해서 무엇을 어떻게 제작되는지 하나 하나 살펴볼 것이다. * URL의 개념 위의 그림을 보면 첫 번째 pathname은 비어있는 '/'와 같은 pathname이다. 두 번째는 description이라는 pathname을 가지고 뒤에 query string이 들어온다. 그렇다면 우리는 pathname을 새로 생성해야하는 코드도 필요하다는 것을 짐작할 수 있다. 다음 시간에는 queryData.id를 통해서 query string을 활용할 것이다. 그때 pathname을 어떻게 분리하고 그 pathname을 기준으로 queryData.id를 차근차근 분류해보자.

* section01부터 setcion04까지의 수업은 OT와 Nodejs설치 방법을 강의 했기 때문에 따로 포스팅 하지 않아 section05부터 포스팅을 시작한다. 이후에도 기본 문법들을 설명하는 경우 과감하게 스킵하고 필요한 내용들만을 담아서 포스팅 할 것이다. 이번 수업의 nodejs index.js 코드는 아래와 같다. - index.js let http = require('http');//HTTP 서버를 생성하고 통신을 처리하는 모듈 let fs = require('fs');//파일 시스템에 접근하여 파일을 읽고 쓰는 모듈 let app = http.createServer(function (request, response) { let url = request.url; if (request.ur..

이제 기본적으로 Js로 많은 것들을 구현할 수 있게 되었다. 뿐만 아니라 php를 통해서 서버와 통신하는 Restful API 개념을 어렴풋이 알았으니 Js와 가까운 런타임 언어 Nodejs를 공부해자. 이 포스팅은 유뷰브 생활코딩 채널을 중점으로 학습하고 있으며 아래 링크를 통해 확인 할 수 있다. WEB2 - Node.js www.youtube.com * REST는 웹 서비스를 설계하고 구현하기 위한 아키텍처 스타일로, 네트워크 아키텍처를 기반으로 하며 상태를 표현하는 데에 집중한다. * RESTful API는 HTTP 프로토콜을 기반으로 하며, HTTP 메소드(GET, POST, PUT, DELETE 등)를 사용하여 자원을 조작한다. 이러한 특징들은 웹 서비스의 단순성, 확장성, 성능, 이식성 등을..