pyeongsaeng_dev

선행사항2019/01/29 - [dhddldid(옹이양)] - MognDB Community Server 설치 및 환경설정 접속완료까지 Mongo를 JavaScript와 연결하는데 두가지가 있습니다. 1. MongoDB2. JavaScript의 NodeJS 필요 자바스크립트에서 MongoDB와 연결하려면 Adapater를 통해야한다. Javascript 코드를 작성하고 싶으면 MongoDB로부터 instruction 을 받아야 하는데 Mongoose라는 것이 도움을줍니다. mongoosejs는 NodeJS를 위한 Object Modeling이며 설치하러가봅시다.https://mongoosejs.com/ 설치는 간단합니다.npm install mongoose db.js라는 파일을만들어서 mongoose.c..

MongoDB는 NoSQL로 분류된다 많은 Database들이 있지만큰 분류로는 SQL과 NoSQL로 나누어진다 다운로드를해보자 Exnterprise 버젼이아닌 Community Server를 다운로드할것이다 또는https://www.mongodb.com/download-center/community 설치 이후 환경설정을 한다 mongod라는 실행파일이 있는데 커맨드에서 경로를 들어가지 않아도 바로 실행할 수 있도록 환경 변수를 추가해야 한다. 1. [내컴퓨터] 우클릭 > [고급시스템설정] > [환경변수(N)] 2. 시스템변수 리스트 중 'Path'를 선택하고 편집을 선택한 후 'Mongodb의 설치경로￦bin'을 추가 3. cmd창에서 'mongod'입력 아래처럼 오류가나옴 NonExistenPath:..

local 변수를 global 변수로 사용하도록 만들어주는 것lcoal 기능을 통해 변수에 접근할 수 있다. Go to locals informations 밑에는 예제이다. locals 에 있는 것들은 템플릿에 변수명 처럼 작용을 한다는 점을 기억하자 localsMiddleware함수를 서버를 접속하는 코드에 이런식으로 사용 후 적용하면 된다.

HTML을 멋져 보이도록 만들어보자! pug.js 사이트가기설치는 $ npm install pug Pug는 view engine이다 set함수에는 name과 value가 필요하다 application의 설정을 하는 함수. 그중view engin 설정을 바꿀 것이고설정의 기본값은 undefined이다. app.set("view engine", "pug");와같이 설정해주면된다. Pug와 express에는 view 파일들의 위치에 관한 기본 설정이 있다.그 설정을 바꾸고 싶다면 views 설정을 바꾸면 된다.application의 화면이 담긴 디렉토리나 디렉토리의 배열을 입력하면 된다.html 파일을 저장해야 하는 폴더의 기본 값은 프로젝트의 작업 디렉토리 +'/views'/ pug는 템플릿 언어, expr..

MVC = Model, View, Control 를 의미 M dataV how does the data 데이터가 어떻게 생겼는지C function that looks for the data 데이터를 찾는 함수 MVC Pattern은 일종의 끝내주는 구조(structure)같은 것 설치할것도, 복사해서쓰는것도 아님 그냥 패턴일 뿐. 아래 사진은 MVC 패턴을 적용해볼 부분이다 데이터의 모습에 맞춰 URL과 함수를 분리할 것이다.ex) "/", "/user", "/vi 기존에는 함수가 Controller에 해당 Model은 데이타 (데이터베이스를 적용할때쯤 쓸것임) view는 template인데 위에선 아직 안쓰고있다.

우선 ES6에는 흥미로운 부분이 있는데 모듈이라는 게 있어서 우리 코드를 공유가 가능하다, 다른 파일에서 코드를 가져다가 사용할수 있다 위 코드처럼 express, morgan.. 등등을 불러왔다. 이 경우엔 node_modules에서 불러온 것들이다. express router에서 router의 의미는 route들의 복잡함을 쪼개주는데 사용할 수 있다. (router=여러개의 경로) 와 같이 router.js란파일을 만들어주었다. 만들고서 app.js에서 router.js을 router해보자. 이렇게 localhost:4000/user에 접속을해보면 어떤것이 실행될까? init.js에서의 home경로가 실행이된다 차례로 user/edit user/password 로 접속할수 있으며 여러개의 route를..

쿠키파서 미들웨어 바디파서 미들웨어의 이해cookie parser github 페이지body parser github 페이지 두개의 middleware는 express의 middleware이며 cookie와 obdy를 다루는걸 도와준다 Form채워서 너에게 전송한다면전송된 Form은 서버에 의해서 받아져야만 한다.만약 내가 이름과 비밀번호를 입력했다면 서버의 의해 받아져야 하며form 을 받았을때 그 데이터를 갖고 있는 request object에 접근할 수 있기를 원한다. 접근하기 위해 내가 해야할건 일단 설치!npm install body-parsernpm install cookie-parser body-parser는 body로부터 정보를 얻을수 있게 해주는 것cookie-parser는 cookie에..

npm install helmet로 설치 github helmetnode.js 앱의 보안에 도움이 됨

express에서 middleware란 처리가 끝날 때까지 연결되어있는 어떻게 연결이 시작되느냐 아래코드상에서 설명을 해준다 import express from "express";const app = express(); const PORT = 4000; const handleListening = (req, res) => console.log(`Listening on: http://localhost:${PORT}`); const handleHome = (req, res) => { console.log(req); res.send("Hello from home");} const handleProfile = (req, res) => res.send("You are on my profile @@"); app.ge..

nodemon은 우리가 코드를 저장할때마다 서버가 자동으로 재시작 될 수 있게 해주는 package다 프로젝트 구동에 필요한 패키지가 아니기 때문에 dependency와 별개로 설치하려한다.dependency에 써있는 것들은 프로젝트가 실행될때 필요한 패키지들이다. 설치방법은 다음과같다.그다음 package.json가서 고쳐주자 서버를 재시작해보면 2번이 되는걸 알 수 있는데 nodemon이 왜그러냐면 저장하면 재시작하고나서 Babel이 코드의 변화를 감지하고 서버를 재시작 하기 때문에--delay 2를 추가해준다.저장할 때마다 2초를 기다렸다가 서버를 시작하는데 이렇게하면 Babel이 변화할때까지 기다려 줄 수 있다. "scripts": { "start": "nodemon --exec babel-nod..