데이터 속으로 퐁 데이터 속으로 퐁

라우터 - 1) 주소체계변경 /topic 으로 시작하는 라우터로 바꾸기 localhost:3000/topic/create 를 입력하면 에러가 뜬다. topic에 해당하는 create 파일을 열려고 하기 때문이다. 우리의 의도는 이게 아니다. create 를 일종의 예약어로 쓰고 싶다. 그렇다면 pageId 앞에 코드를 옮겨야 한다. 순서가 중요하게 된다. creat, update, delete,pageId 등의 진입점과 반환하는 곳에도 /topic을 추가해줘야한다. 그리고 작성삭제업데이트에 해당하는 라우터를 pageId 위로 올려준다. 강의코드 main.js var express = require('express') var app = express() var fs = require('fs'); var p..

정적인 파일의 서비스 public 폴더를 만들고, 이미지를 저장할 폴더를 하나 더 만든다. 그 폴더 안에 보여주고자 하는 파일을 넣는다. 아래와 같이 'public 폴더 안에 static 파일을 찾는다' 라는 코드를 작성해주고 app.use(express.static('public')); 아래와 같이 welcome 페이지에 정적인 파일이 뜰 수 있도록 main.js 의 루트 라우트로 가서 정적인 파일의 디렉토리를 입력해준다. https://expressjs.com/ko/starter/static-files.html Express에서 정적 파일 제공 Express에서 정적 파일 제공 이미지, CSS 파일 및 JavaScript 파일과 같은 정적 파일을 제공하려면 Express의 기본 제공 미들웨어 함수인 ..

Express 미들웨어의 사용 - body parser Express의 중요한 기능은 1. 라우트 2.미들웨어 , 이 두가지가 있다. 미들웨어란? 서비스를 운영체계 상관없이 애플리케이션에 제공하는 소프트웨어이다. Middleware is a type of computer software that provides services to software applications beyond those available from the operating system (Wikipedia) 쉽게 이야기해보자. 소프트웨어를 만들때 처음부터 끝까지 다 만드는 경우는 거의 없다. 미들웨어는 다른 사람이 만든 소프트웨어를 부품으로 쓸 수 있게 해준다. 정확한 정의는 아니지만, 다른 사람이 만든 소프트웨어를 미들웨어라고 치자..

페이지 생성 구현 create 라우트 create_process 라우트 - post 페이지 수정 구현 update 라우트 :get '/update/:pageId' , request.params.pageId,update update_process 라우트 - post ,response.writeHead(302, {Location: `/page/${title}`}); 페이지 삭제 구현 delete_process 라우트 리다이렉트 :response.writeHead(302,{Location:`/`}); response.end(); 에서 response.redirect('/'); 로 var express = require('express') var app = express() var fs = require('fs..

Hello world - Express 기본 골격 만들기 강의 준비 기초 node.js 강의 를 마치고 express 강의를 이어듣고 있다. 예전에 express를 살짝 써본적이 있어 설치 과정은 생략하고 버전확인만 해줬다. expree 버전 확인 : npm show express version (다른 패키지들도 마찬가지로 npm show {패키지명} version 을 입력하면 버전 확인이 가능하다) 잘 설치되고 작동되는 것을 아래 코드로 확인해줬다. const express = require('express') const app = express() app.get('/', (req, res) => res.send('Hello World!')) app.listen(3000, () => console.lo..

App - 출력정보에 대한 보안 강의내용 8일차에서 오염된 정보가 입력되는걸 막는 법, 오늘은 오염된 정보가 출력되는 것을 막는 법을 배운다. 강의 목표 : 어떤 사용자에 의해 과 같은 오염된 코드가 삽입됐을때 이 코드가 작동하지 않도록해, 다른 사용자들에게 오염된 코드가 노출되지 않도록 한다. ' sanitize-html ' 이라는 npm 모듈을 활용한다. (https://www.npmjs.com/package/sanitize-html) npm init npm install -S sanitize-html ( install -S는 작성하는 애플리케이션 환경에 한해 이 모듈이 설치되고 적용된다.) sanitizeHtml(description,{allowedTags:['h1']}); 와 같이 허용하는 태그를..

Node.js - 모듈의 형식 & App 제작 - 모듈의 활용 모듈 : 정리된 객체를 다시 정돈하는 도구 javascript에서 모듈은 export , import 문에 의존 (https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Modules) node.js에서 모듈은 export , require 문에 의존 (https://nodejs.org/api/modules.html) 아래와 같이 export // nodejs/mpart.js var M = { v:'v', f:function(){ console.log(this.v); } } module.exports = M; 아래와 같이 require해서 가져다 쓰면 된다. // nodejs/muse.js v..

강의 내용 객체 : 서로 연관된 데이터와 데이터를 처리하는 방법인 함수를 그룹핑해서 코드의 복잡성을 낮추는 수납상자 +) 객체를 구성하는 멤버의 값은 어떤 것이라도 될 수 있다. 아래 person 객체는 문자열, 숫자, 배열 두개와 두개의 함수를 가지고 있다. 처음 4개의 아이템은 데이터 아이템으로, 객체의 프로퍼티(속성) 라고 부른다. 끝에 두개의 아이템은 함수로, 데이터를 가지고 뭔가 일을 할 수 있게 되며 메소드 라고 부릅니다. 객체의 프로퍼티와 메소드는 점표기법을 통해 호출한다. 'this' 키워드는 지금 동작하고 있는 코드를 가지고 있는 객체를 가르킨다. 객체 멤버의 컨텍스트가 바뀌는 경우에도 언제나 정확한 값을 사용하게 해준다.(예를 들어, 두개의 다른 person 객체가 각각 다른 이름으로 ..