본문 바로가기
  • 실행력이 모든걸 결정한다
반응형

Node.js/Express6

[Express] 예제로 Router 쉽게 이해하기 만약 처리해야 할 요청이 무수히 많아진다면, 이 요청들을 한 파일에 관리하는 것은 쉽지 않을 것이다. 그렇다면 요청들을 어떻게 파일로 분리할 수 있을까? 간단한 예제를 준비해보았다. 목표 : 이 15개의 이 요청들을 알파벳별로 나눠서 각각 파일로 저장하기 -> (/a/1, /a/2, /a/3), (/b/1, /b/2, /b/3), (/c/1, /c/2, /c/3), (/d/1, /d/2, /d/3), (/e/1, /e/2, /e/3) const express = require('express') const ejs = require('ejs') const app = express() const router = express.Router() app.set("view engine", "ejs") app.use.. 2021. 7. 29.
[Express] 에러 처리 HTTP 상태 코드별로 에러 처리를 할 수도 있다. 다른 말로는, 에러 페이지를 커스터마이징한다고도 할 수 있을 것 같다. ※ HTTP 상태 코드 모음 https://ko.wikipedia.org/wiki/HTTP_%EC%83%81%ED%83%9C_%EC%BD%94%EB%93%9C HTTP 상태 코드 - 위키백과, 우리 모두의 백과사전 아래는 HTTP(하이퍼텍스트 전송 프로토콜) 응답 상태 코드의 목록이다. IANA가 현재 공식 HTTP 상태 코드 레지스트리를 관리하고 있다. 모든 HTTP 응답 코드는 5개의 클래스(분류)로 구분된다. 상태 코 ko.wikipedia.org 다음과 같은 방법으로, 특정 상태 시 여러분이 커스터마이징한 페이지로 이동시킬 수 있다. res.status([HTTP 상태 코드].. 2021. 7. 29.
[Express] Compression / app.use() / 정적 파일 1. Compression Compression은 웹 사이트를 gzip으로 압축시켜서 로딩 속도가 빨라지게 도와주는 미들웨어다. 압축을 푸는 과정이 추가될지라도, 규모가 큰 웹 애플리케이션에서는 상당한 성능 상승효과를 기대할 수 있다. 설치 npm install compression --save 적용 const express = require('express') const compression = require('compression'); //★ const app = express() ... app.use(compression()); //★ 2. app.use() const express = require('express') ... const app = express() app.use(bodyParser.. 2021. 7. 28.
[Express] View 처리 1. ejs 템플릿 엔진 소개 ejs는 Embedded Javascript의 줄임말로, HTML 코드에 Javascript 코드를 섞어 쓸 수 있는 Template이다. HTML 코드에 자바스크립트 문법의 조건문, 반복문, 변수 등을 추가할 수 있기 때문에 동적인 페이지를 만들기 좋다. 2. ejs 설치 다음 명령어로 ejs를 설치한다. npm install ejs --save 3. ejs 적용 const express = require('express') const ejs = require('ejs') //★ const app = express() app.set("view engine", "ejs") //★ ... 4. 예제 ejs를 사용한 간단한 view 처리 예제를 준비해봤다. 1) app.js 생.. 2021. 7. 27.
[Express] Get, Post 데이터 받기 / 동적 URL 처리 1. Get 데이터 받기 express 객체의 get 메소드를 사용해야 한다. const express = require('express') const app = express() app.get('/get_test', function(req,res){ var id = req.query.id; var password = req.query.password; res.send(`your id is ${id} and your password is ${password}`); }) app.listen(3000, ()=>console.log('Example app listening on port 3000!')) req.query는 querystring을 받는다. 결과 2. Post 데이터 받기 express 객체의 p.. 2021. 7. 26.
[Express] Express 소개 / starter 프로젝트 생성 1. Express란? Node.js기반의 Web Framework들 중 하나 2. Node.js 설치 Express는 Node.js기반의 Web Framework이기 때문에 Node.js가 설치되어 있어야 한다. 아래 링크에서 다운로드를 진행하면 된다. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 터미널에 node를 입력했을 때, 다음과 같이 버전이 출력된다면 Node.js가 성공적으로 설치된 것이다. 3. Express 설치 터미널에 다음 명령어를 입력하여 Express를 설치한다. npm install expre.. 2021. 7. 25.

티스토리툴바