song.log

1. Middleware 만들기 코드를 짤 때, 공통적으로 사용되는 부분이 겹칠 때, 그 함수를 middleware로 만들어서 사용하는 것이 가능하다. middleware의 형태는 다음과 같다. 여태까지 짠 main.js파일에서는 폴더 내의 파일 리스트를 읽는 작업을 반복적으로 했는데, 그 부분을 middleware로 만들어서 활용하는 것이 가능하다. app.use(function(request, response, next){ fs.readdir('./data', function(error, filelist){ request.list = filelist; next(); }) }); app.get('/', function(request, response) { fs.readdir('./data', funct..

1. Express의 Third-party middleware - body-parser : https://expressjs.com/en/resources/middleware/body-parser.html Third-party middleware는 Express가 제공하는 것이 아닌 제 3자가 만들어낸 소프트웨어를 칭하는 것이다. 그 중 post 방식으로 전송된 데이터를 body-parser라는 미들웨어를 통해 가져오는 방식에 대해서 보겠다. 우리가 지난 포스팅에 post 방식의 데이터를 가져올 때는 아래의 코드를 사용했다. app.post('/create_process', function(request, response){ var body = ''; request.on('data',function(dat..

Node.js에서 http 모듈만으로 웹 서버를 구성하게 된다면 사실 많은 것들을 직접 만들어야하고 번거로워진다. Node.js의 프레임워크 중 Express를 사용한다면 보다 편리하고 간편하게 웹서버를 구축할 수 있다. Express 프레임워크에 대한 자세한 내용은 공식 홈페이지에서 확인 가능 https://expressjs.com/ Express - Node.js web application framework Fast, unopinionated, minimalist web framework for Node.js $ npm install express --save expressjs.com Express부터는 VSCode 에디터를 사용 1. Express 설치 Terminal에 npm install ex..

VSCode 에서 npm을 설치하고 사용하고자 할 때 아래와 같은 어려움에 부딪칠 수 있다. 이는 스크립트 실행 권한이 제한되어 있는 상태이기 때문이다. 스크립트 실행 권한을 변경하기 위해서는 Windows PowerShell을 관리자 권한으로 실행해서 변경해줘야 한다. 1. Windows PowerShell을 관리자 권한으로 실행 Window10 기준: 시작에서 windows PowerShell을 검색해서 관리자로 실행 2. get-help Set-ExecutionPolicy로 어떤 권한을 설정할 수 있는지 확인 get-help Set-ExecutionPolicy Restricted : PowerShell의 실행 권한 정책 중 기본적으로 적용되어있는 옵션. ps1 스크립트 파일을 로드하여 실행할 수 없..

1. 모듈의 형식 모듈은 그룹핑의 가장 큰 형태라고 볼 수 있음 모듈이 될 파일에 객체 하나를 작성 이 때, module.exports = '객체' 를 통해 다른 파일에서도 접근이 가능하도록 함 var M = { v: 'v', f: function(){ console.log(this.v); } }; module.exports = M; 이 객체에 접근하고자 하는 파일에서 require()를 통해 객체를 받아옴 같은 폴더 안에 있는 파일이기에 ./를 붙여서 가져오기 console.log('객체'); 를 통해 객체 안에 무엇이 있는지 확인할 수 있다. var M = require('./mpart.js'); console.log(M); M.f(); 2. 모듈의 제작 제작했던 main.js app 에서 templ..

1. 글생성: UI 만들기, Post방식으로 전송된 데이터 받기 기존 pathname '/' 이외에 pathname '/create'을 생성해 글을 작성할 수 있는 페이지를 작성 아래의 코드를 추가 기존의 template에다가 html form을 추가 else if(pathname === "/create"){ fs.readdir('./data', function(error, filelist){ var title = 'WEB - create'; var list = templateList(filelist); var template = templateHTML(title, list, ` `); response.writeHead(200); response.end(template); }); } form의 post ..

1. 동기/비동기 fs.readFile(path,option,callback) vs fs.readFileSync(path,option) 비동기 동기 동기에서는 Sample.txt를 읽고 나서 C를 실행할 수 있었지만, 비동기의 경우 Sample.txt를 읽는 것과 상관없이 C를 실행했기 때문에 순서가 다르게 나온다. 2. Callback 함수 자바스크립트에서는 변수에 함수를 할당할 수 있습니다. 따라서 변수에 할당된 함수를 다른 함수의 파라미터로 전달할 수 있습니다. 이렇게 파라미터로 전달된 함수를 다른 함수의 내부에서 호출하는 것이 콜백 함수입니다. 참조 : Do it! Node.js 프로그래밍 : 실제 서버로 구동 가능한 코드로 배운다! [전면개정판] 자바스크립트는 함수의 이름을 미리 정한 상태에서 ..

1. 파일목록 알아내기 데이터 디렉토리에 있는 파일의 수정, 삭제를 알기 위해 파일 목록을 불러내서 확인 var testFolder = './data'; var fs = require('fs'); fs.readdir(testFolder, function(err, filelist){ console.log(filelist); }) 2. 글목록 출력하기 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;..