Back Ground

static 정적인 파일들을 제공한다. 익스프레스 4버전에서 유일하게 익스프레스에 내장되어 있던 미들웨어였다. 정적파일프로그래밍적으로 만들어진 파일이 동적 파일이고사람이 작성한 것이 언제나 똑같이 보이는 것이 정적 파일이다. 하지만 익스프레스 4.16.0 버전에서는 body-parser의 일부분이 내장되어 이제는 유일한 내장 미들웨어가 아니다.(express 설치하면 따라오므로 따로 설치할 필요 없음) app.js123...app.use(express.static(path.join(__dirname, 'pulbic'));...Colored by Color Scriptercs 함수의 인자로 정적 파일들이 담겨있는 폴더를 지정하면 된다.현재 public 폴더가 지정되어 있다. ( 불러올 디렉토리 경로 ) p..

https://www.aibril.com/web/main/getMain.do Conversation인텐츠엔티티다이알로그 과일 가게로 예를 들어서 설명하자면 인텐츠(Intents)란? - 동사(먹다[인텐츠])-(사다[인텐츠]) 1) 사전적 의미는 의도2) 누군가가 내게 어떤말을 할 때 그 말의 진짜 의미 엔티티(Entities)란? - 명사, 조사, 부사(과일[인티티])-(사과[엔티티])-(빨간-[동의어 시뻘건, 새빨간 .... ] ) 다이알로그(Dialog)IF bot recognizes:#먹다 and 사과충족 될 시 respond로 내보낼 수 있게 된다. 대충 코드로 하자면 이런 느낌일 것 같다.if( intents === '먹다' && entities === '사과' ){return respond.r..

body-parser 요청의 본문을 해석해주는 미들웨어이다.보통 폼 데이터나 AJAX요청의 데이터를 처리한다. app.js123456...var bodyParser = require('body-parser');...app.use(bodyParser.json());app.use(bodyParser.urlencoded({ extended: false}));...Colored by Color Scriptercs 그런데 이전에 express미들웨어에서의 app.js에서는 body-parser를 사용하지 않았다.익스프레스 4.16.0버전 부터 body-parser의 일부 기능이 익스프레스에 내장되었기 때문이다. 그래서 body-parser를 설치하지 않고도 다음과 같이 할 수 있다.↓12app.use(expres..

morgan 현재 콘솔에 나오는 GET / 200 51.267 ms - 1539 같은 로그는 모두 morgan 미들웨어에서 나오는 것이다. 요청에 대한 정보를 콘솔에 기록해준다. app.js12345...var logger = require('morgan');...app.use(logger('dev'));...cs 함수의 인자로 - dev- short- common- combined 등을 줄 수 있다. 인자에 따라 콘솔에 나오는 로그가 다르다.dev인 경우 GET / 200 51.267 ms - 1539의 [의미] HTTP요청 주소 응답속도 응답바이트 GET / 200 51.267ms 1539 보통 개발 시에는 short나 dev를 많이 쓰고,배포 시에는 common이나 combined를 많이 사용한다...

먼저, 기본 setting을 해준다. https://backback.tistory.com/331 커스텀 미들웨어 만들기요청이 들어올때 콘솔에 메시지를 찍는 단순한 미들웨어를 만들어보자. logeer보다 위에 다음 코드를 적어준다. app.js1234567891011121314151617app.set('views', path.join(__dirname, 'views'));app.set('view engine', 'pug'); app.use(function(req,res,next){ console.log(req.url, '저도 미들웨어입니다'); next();}); app.use(logger('dev'));app.use(express.json());app.use(express.urlencoded({ exte..

Express 공식 사이트 : https://expressjs.com/ko/ 미들웨어는 익스프레스의 핵심이다.요청과 응답의 중간(middle, 미들)에 위치하여 미들웨어 라고 부른다. 라우터와 에러 핸들러 또한 미들웨어의 일종이므로 미들웨어가 익스프레스의 전부라고 해도 과언이 아니다 미들웨어는 요청과 응답을 조작하여 기능을 추가하기도 하고, 나쁜 요청을 걸러내기도 한다. 미들웨어는 주로 app.use와 함께 사용한다.먼저 app.use의 역할에 대해 알아보자. app.js1234567891011121314151617181920212223242526app.use(logger('dev'));app.use(express.json());app.use(express.urlencoded({ extended: fal..

템플릿 템플릿은 서식이나 틀을 말한다. 익스프레스의 템플릿은 html 템플릿이다. [템플릿과 프레임워크의 차이점]- 템플릿은 CI프레임워크의 MVC 중 V 즉 view에 해당합니다.- 프레임워크는 URL라우팅과 데이터베이스, 기타 유용한 라이브러리(템플릿도 포함 가능)의 모음이라 할 수 있습니다. 출처 : https://cikorea.net/bbs/view/free?idx=5932 html 의 header 와 footer 중에 하나라도 수정해야 한다면 모든 파일을 바꾸지 않는다.프로그래밍의 핵심은 반복의 최소화하는 건다. DRY(Don't Repeat Yourself)라고 하는 원칙이다. 이를 해결하기 위해서 템플릿이 있다. Pug(구 Jade) 가장 유명한 템플릿 중 하나로 Pug가 있다. Jade로 ..

백앤드 개발을 하든 프런트앤드 개발을 하든 자바스크립트 프로젝트에서 NPM(Node Package Manager)을 사용하는 것은 거의 필수가 되었습니다. 이번 포스트에서는 실무에서 자주 사용되는 NPM 커맨드들에 대해서 살펴보겠습니다. 프로젝트 생성npm init 커맨드를 사용하면 현재 디렉토리에 NPM 기반으로 프로젝트를 생성할 수 있습니다. 커맨드를 실행하면 패키지 이름, 버전, 설명 등등을 입력하게 됩니다. 1234567891011121314$ npm initThis utility will walk you through creating a package.json file.It only covers the most common items, and tries to guess sensible defau..