C-log

이번에는 form에서 부터 response까지 사용자가 입력한 값을 받아서 사용자에게 응답을 전달하는 모든 과정들을 살펴 볼 것이다. 비록 실제 data를 처리하는 sql이 아니지만 이를 통해서 대략적인 흐름과 맥락을 어느정도 가늠 해볼 수 있을 것이다.form아래와 같이 html을 작성해보고 실행을 해보고 URI의 결과를 살펴보자. URIhttp://localhost:3000/process_create?title=test&description=test+des* 참고로 위와 같은 결과를 얻기 위해서는 로컬 서버를 돌려야 한다. 본인은 live server를 사용했다.결과를 살펴보면 form으로 전송된 input값으로 URI queryStrin..

우리가 Nodejs를 잘 이해하기 위해서는 동기와 비동기를 알아야 한다. 지금까지 내가 알고 있는 동기와 비동기는 이와 같다. 동기는 순차적으로 일을 처리한다. 비동기는 각 개인들이 일을 시작 할 수 있는 시간 개념을 가지고 있어서 동시 다발적으로 일을 처리한다. 그래서 우리는 비동기를 await과 같은 명령어로 제어한다. 강의를 토대로 첨삭을 한다면 "동기는 직렬로 구성이 되어 있어서 일을 처리함에 있어서 시간 소요가 많이 든다. 하지만 비동기는 병렬로 구성이 되어 있어서 일을 처리함에 있어서 효율 적이다. Nodejs는 비동기적 처리를 하기 위한 좋은 기능을 가지고 있다." 이 수업을 통해서 우리는 조금 더 진보적이고 Nodejs의 근간이되는 Nodejs를 공부 해 볼 것이다.readFileSync(..

이번 시간에는 지난 포스팅에서 말했던 코드를 분석하는 시간을 가져 볼 것이다. 우리가 분석할 코드는 아래와 같다. section26부분을 중심으로 둘러 보려고 했으나 함수를 분리하기 전 section24에 있는 main.js 코드를 중심으로 분석 할 예정이다. 분석 대상이 될 코드는 아래 더보기를 참조 하면 되겠다.더보기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 pathname..

이번 수업에서는 우리가 이전에 제작했던 코드들을 함수화해서 리팩토링을 하는 과정을 가질 것이다. 우선 가장 크게 중복이 되고 있는 부분은 바로 html 부분이다. 그 다음으론 파일을 리스트화 하는 list 부분이다. 해당 부분들을 함수로 만든 코드는 다음 아래와 같다.function templateHTML(title, list, body) {  return `            WEB    ${list}    ${body}      `;}function templateList(filelist) {  var list = '';  var i = 0;  while (i filelist.length) {    list = list + `${filelist[i]}">${filelist[i]}`;    i = ..

우선 readdir을 통해서 특정 파일 목록에 있는 이름들을 가지고 와본다. 아래 코드를 통해서 코드와 실행 결과를 살펴본다.let testFolder = './data';let fs = require('fs');//읽어낼 폴더 위치, 함수 매개변수는 error 이후 filelist라는 변수에 반환 받은 값 저장fs.readdir(testFolder, function (error, filelist) {  console.log(filelist);}) [nodemon] starting `node readdir.js` [ 'CSS', 'HTML', 'JavaScript' ] [nodemon] clean exit - waiting for changes before restart  이를 이용해서 우리가 만든 홈페..

예외적인 url경로를 들어 갔을 때 NotFound라고 표기가 되는 페이지를 생성하려고 한다. 그렇게 어렵지 않으니 필요한 코드만 살펴보자. if (pathname === '/') { fs.readFile(`data/${queryData.id}`, 'utf8', function (err, description) { var template = ` ... 이렇게해서 우리가 페이지를 url을 포함해서 조금 더 구체적으로 만들어 냈다.

이번 시간에는 CRUD에서 R에 해당되는 파일을 읽는 코드를 작성해 볼 것이다. 생각보다 그렇게 어려움은 없을 것이다. fs에 있는 모듈의 readFile함수를 이용하는 것이다. data 폴더를 미리 생성하고 그곳에 파일을 읽을 정보들을 얺어 주면 된다. 우선 작성한 코드를 보면 아래와 같다. fs.readFile(`data/${queryData.id}`, 'utf8', function (err, description) { let template = ` WEB HTML CSS JavaScript ${title} ${description} `; response.end(template); }) 첫 번째 인자가 읽어드릴 파일의 위치와 이름을 의미하고 두 번째 인자는 utf8은 한글로 되어 있는 파일을 읽을 수..

이번 시간에는 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..