Back-End (116) 썸네일형 리스트형 Express - 14.2. 라우터 - 파일로 분리 목표 현업에서는 라우트 개수가 1000개 2000개로 엄청 많다. 이를 정리하는 테크닉을 배우자. (1) 주소체계 변경 (2) 파일로 분리 { res.send('Hello World!')}) app.get('/', function(request, response){ var title = 'Welcome'; var description = 'Hello, Node.js'; var list = template.list(request.list); var html = template.html(title, list, `create`, `${title}${description} ` ); response.send(html); }); app.use(function(req, res, next){ res.status(404.. Express - 14.1. 라우터 - 주소체계변경 목표 현업에서는 라우트 개수가 1000개 2000개로 엄청 많다. 이를 정리하는 테크닉을 배우자. (1) 주소체계 변경 /topic - /delete_process -> /topic/delete_process - /create -> /topic/create - 위의 세 경우 코드를 pageid 위로 옮김 const express = require('express'); const app = express(); const fs = require('fs'); const path = require('path'); const qs = require('querystring'); const sanitizeHtml = require('sanitize-html'); const template = require('./li.. Express - 13. 에러처리 목표 에러처리하는 방법 알기 1. 존재하지 않는 페이지를 찾았을 때 발생하는 에러 (404) http상에서는 404 Not found 에러를 보내주기로 약속되어 있다. Google에 express 404 검색해보자. Express 자주 묻는 질문(FAQ) 자주 묻는 질문(FAQ) 애플리케이션을 어떻게 구조화해야 합니까? 이 질문에는 정확한 답이 없습니다. 그 답은 애플리케이션의 규모 및 참여하는 팀의 규모에 따라 달라질 수 있습니다. 최대한의 � expressjs.com 즉, 코드 아래에 다음 코드를 추가해준다. 이 코드는 미들웨어이다. 미들웨어는 순차적으로 실행된다. 이 코드를 마지막인 app.listen위에 작성하게 되면 위의 작성한 path들을 못찾고 그외의 주소에 접근한 경우이다. 그때 404 s.. Express - 12. 정적인 파일의 서비스 목표 Express로 정적인 파일을 서비스하는 방법을 알자. - 홈페이지에 이미지 띄우기 Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com Unsplash가 제공하는 이미지들은 저작권에 구애없이 사용할 수 있다. 알아두자! 다음과 같이 이미지 하나를 다운받고 가져오고 이 이미지를 홈페이지에 띄워보자. hello.jpg에 접속하려면 정적인 파일을 서비스하는 것을 허용하고 셋팅해주어야 한다. Express 정적 파일 제공하기 Expr.. Express - 11. 미들웨어의 실행순서 목표 미들웨어 실행순서를 next 사용법을 통해 알아보자. 미들웨어의 유형 Express 미들웨어 사용 미들웨어 사용 Express는 자체적인 최소한의 기능을 갖춘 라우팅 및 미들웨어 웹 프레임워크이며, Express 애플리케이션은 기본적으로 일련의 미들웨어 함수 호출입니다. 미들웨어 함수는 요청 오�� expressjs.com 미들웨어에는 여러 종류가 있다. 이전에 다뤄본 미들웨어는 application-level middleware이다. 즉, app변수에는 application 객체가 담겨있는데, 그 객체 중에서 use, get, post를 통해 middleware를 등록하고 사용하는 것이다. Third-party middleware도 또한 body-parser, compression을 통해 살펴보았.. Express - 10. 미들웨어 만들기 목표 다른 이의 미들웨어를 사용하는 것이 아닌, 미들웨어 생산자가 되어 보자! 미들웨어 작성 Express 앱에서 사용하기 위한 미들웨어 작성 Express 앱에서 사용하기 위한 미들웨어 작성 개요 미들웨어 함수는 요청 오브젝트(req), 응답 오브젝트 (res), 그리고 애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한� expressjs.com var express = require('express'); var app = express(); var myLogger = function (req, res, next) { console.log('LOGGED'); next(); }; app.use(myLogger); app.get('/', function (req, res) { r.. Express - 9.2. 미들웨어의 사용 - compression 압축(Compression) 사용하는 이유 만약 create로 엄청 많은 데이터를 넣어보자. 개발자 도구 > Size 를 보니 데이터 크기는 49.6kB로 꽤 큰 데이터 양이다. 웹 사이트에는 많은 사람들이 접속을 하고, 그 사람들이 접속할 때마다 10MB씩 다운로드한다고 생각하면 돈과 시간, 부담이 많이 될 것이다. 이 문제는 압축을 통해 해결할 수 있다. 웹 브라우저에게 응답을 할 때 데이터를 압축하는 것이다. 예로 들어서 zip처럼 말이다. 응답을 압축하고, 이 응답이 zip방식으로 압축되었으니 zip방식으로 압축을 풀라고 알려주면 웹 브라우저가 이를 받아 압축 방식에 따라 해제하고 응답을 보게 된다. 그렇게 되면 압축된 데이터가 전송되기 때문에 데이터의 양이 획기적으로 줄어들 수 있다. 압축을 하.. Express - 9.1. 미들웨어의 사용 - body parser Express의 중요한 기능 두 가지 1. Route 2. Middleware 이전에도 말했듯이, Express에서는 처음부터 코드를 작성하지 않고 다른 이가 작성한 소프트웨어를 부품으로 하여 나의 소프트웨어를 만들어간다. 이를 미들웨어라고 한다. 미들웨어 사용 Express 공식 페이지> 미들웨어 사용 을 클릭해보자. Express 미들웨어 사용 미들웨어 사용 Express는 자체적인 최소한의 기능을 갖춘 라우팅 및 미들웨어 웹 프레임워크이며, Express 애플리케이션은 기본적으로 일련의 미들웨어 함수 호출입니다. 미들웨어 함수는 요청 오�� expressjs.com Third-party middleware : 다른 이들이 만든 미들웨어. 즉, express가 만들지 않은, 비공식적인 미들웨어 여러 .. 이전 1 ··· 3 4 5 6 7 8 9 ··· 15 다음
