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

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 객체가 각각 다른 이름으로 ..

정리 중 1. update 글 목록 링크를 클릭했을때만 나오고 홈에 있을때는 안나오게 createupdate 그래서 위 태그를 ${control}로 바꿔서 templateHTML 인자를 하나 추가. 홈에는 update 안보이게, id값있는데에는 보이게 function templateHTML(title,list,body,control){ return ` WEB ${list} ${control} ${body} `; } 2. 특정한 글을 선택했을때, update를 누르면 /update로 가는데 뭐를 어떻게 update하는것인지 정보가 필요해. 쿼리 스트링을 통해 정보를 수정하려고 함. updateupdate 링크 생성 완료 update 화면 & 정보 보내기 form form에 read 기능 submit을 했을..

Node.js - 동기와 비동기 그리고 콜백 강의 내용 1) synchronous 동기 & asynchronous 비동기 동기 - 순차적으로 일을 처리한다. 예) 과제A가 끝날때까지 10시간이 걸린다면, 다 끝날때까지 기다렸다가 다른 과제B로 넘어감 비동기 - 동시에 여러일을 처리한다. (= 병렬적으로 일을 처리한다.) 예) 과제 A가 끝날때까지 10시간이 걸린다면, 일이 다 끝나면 연락하라고 하고 , 다른 일을 해. Node.js는 비동기적 처리가 원활함 . 비동기적은 효율적이지만 매우 복잡하기도 함. Node.js - 패키지 매니저와 PM2 강의 내용 1) 패키지 매니저 타인의 모듈을 이용해서 소프트웨어를 만들게 되는데 사용하는 모듈이 많아지면 복잡한 문제가 생긴다. 이를 관리하는 도구가 패키지 매니..

App - Not found 오류 구현 ,홈페이지 구현 강의 내용 강의 목표는 다음과 같다. 사용자가 query string이 없는 home으로 들어오게 되면 wlelcome page 출력 사용자가 목록을 클릭해서 query string이 있는 (id값이 있는 ) 주소로 접속하면 id값에 해당되는 파일을 data directory에서 찾아서 웹페이지를 생성 그 외의 주소로 돌아왔을때 파일을 찾을 수 없다라는 오류 메시지를 사용자에게 전송 1) 위의 기능을 만들기 위해서 우선 사용자가 root로 접근했는지 안했는지 알아내야한다. url 이 가지고 있는 정보를 통해 pathname과 path를 알 수 있다. //url이 가지고 있는 정보 출력 console.log(url.parse(_url,true)); /..

JavaScript - Boolean, 비교연산자, 제어문, 조건문 1. 강의 내용 및 코드 console.log('Boolean datatype'); console.log(true); console.log(false); console.log('Comparison operator'); console.log(1==1); //true console.log(1==2); //false console.log(1>2);//false console.log(1