공부 중(64)
-
[Express] 미들웨어와 라우터를 활용한 리팩터링
0. 참고자료 라우터 - 생활코딩 수업소개 관리하는 페이지가 많아짐에 따라서 코드의 복잡도가 급격히 높아지게 됩니다. 복잡도를 낮추는 방법이 라우터입니다. 라우터를 알아봅시다. 강의1 라우터를 살펴보기 전에 기존 앱의 opentutorials.org 1. 개선 방안 URL 수정하기. 라우터, 미들웨어 적극적으로 사용하기. 라우터, 미들웨어로 바꾼 기능들에 대하여 오류 처리 2. URL 수정하기 page → topic으로 변경하기 모든 topic과 관련된 동작들은 /topic으로 시작. (read, create, update, delete) topic.js 라우터로 수정하기. home에 해당되는 부분은 index.js로 분리해서 별도의 라우터로 만들기. url 수정 · ramen4598/Study_node..
2023.07.05 -
[Express] 오류 처리
0. 참고자료 에러처리 - 생활코딩 수업소개 에러가 발생했을 때 처리하는 방법을 소개합니다. 강의 소스코드 변경사항 main.js var express = require('express') var app = express() var fs = require('fs'); var path = require('path'); var qs = require('querystrin opentutorials.org Express 오류 처리 오류 처리 다른 미들웨어 함수와 동일한 방법으로 오류 처리 미들웨어 함수를 정의할 수 있지만, 오류 처리 함수는 3개가 아닌 4개의 인수, 즉 (err, req, res, next)를 갖는다는 점이 다릅니다. 예를 expressjs.com 1. 오류 처리 다른 미들웨어 함수와 동일한 ..
2023.07.05 -
[Express] 정적인 파일 서비스
0. 참고자료 정적인 파일의 서비스 - 생활코딩 수업소개 이미지, 자바스크립트, CSS와 같은 파일을 서비스하는 방법을 살펴보겠습니다. 강의 소스코드 변경사항 main.js var express = require('express') var app = express() var fs = require('fs'); var path = require( opentutorials.org Express에서 정적 파일 제공 Express에서 정적 파일 제공 이미지, CSS 파일 및 JavaScript 파일과 같은 정적 파일을 제공하려면 Express의 기본 제공 미들웨어 함수인 express.static을 사용하십시오. 정적 자산이 포함된 디렉토리의 이 expressjs.com 1. 정적인 파일 서비스 express를..
2023.07.05 -
[Express] 미들웨어, 라우터 실행순서
1. 미들웨어와 라우터 Express의 가장 중요한 기능은 라우팅과 미들웨어다. 라우트(route) : 자원을 식별하는 URL의 일부입니다. : 예를 들면, http://foo.com/products/id에서 /products/id가 라우트다. 라우팅(routing) : 애플리케이션 엔드 포인트(URI)의 정의, 그리고 URI가 클라이언트 요청에 응답하는 방식. 라우터(router) : A router object is an isolated instance of middleware and routes. You can think of it as a “mini-application,” capable only of performing middleware and routing functions. : 라우터는 라..
2023.07.05 -
[Express] 미들웨어 작성
1. 미들웨어 작성 가. 이론 Express 앱에서 사용하기 위한 미들웨어 작성 Express 앱에서 사용하기 위한 미들웨어 작성 개요 미들웨어 함수는 요청 오브젝트(req), 응답 오브젝트 (res), 그리고 애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한 expressjs.com 미들웨어 함수는 요청 오브젝트(req), 응답 오브젝트 (res), 그리고 애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한을 갖는 함수입니다. 그 다음의 미들웨어 함수는 일반적으로 next라는 이름의 변수로 표시됩니다. 현재의 미들웨어 함수가 요청-응답 주기를 종료하지 않는 경우에는 next()를 호출하여 그 다음 미들웨어 함수에 제어를 전달해야 합니다. 그렇지 않으면..
2023.07.05 -
[Express] 미들웨어 사용
0. 참고자료 Express 미들웨어의 사용 - 생활코딩 수업소개 여기서는 미들웨어의 개념을 소개하고, 타인이 만든 미들웨어를 사용하는 방법을 알아봅니다. 강의 1 body-parser를 이용해서 post 방식으로 전송된 form 데이터를 쉽게 가져오는 방법을 opentutorials.org Express 앱에서 사용하기 위한 미들웨어 작성 Express 앱에서 사용하기 위한 미들웨어 작성 개요 미들웨어 함수는 요청 오브젝트(req), 응답 오브젝트 (res), 그리고 애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한 expressjs.com Express 미들웨어 사용 미들웨어 사용 Express는 자체적인 최소한의 기능을 갖춘 라우팅 및 미들웨어 웹 프레임워크이며, Expr..
2023.07.05 -
[Express] CRUD 수정
0. 참고자료 상세보기 페이지 구현 - 생활코딩 수업소개 상세보기 페이지를 Express 버전으로 변환해볼 것입니다. 이 과정에서 query string을 사용하지 않는 pretty url(clean url, semantic url..)로 라우트 기능을 구현하는 방법을 살펴보겠습니다. 강의 opentutorials.org 1. READ READ 수정 · ramen4598/Study_nodeJS@9324ccb ramen4598 committed Jul 3, 2023 github.com app.get()을 사용하기. 정적인 파일을 제공하기 위한 라우터 생성. (임시) response.sendFile(path) : 이전과 달리 스스로 파일의 확장자를 인식해서 파일의 Content-type을 전달함. Clean..
2023.07.04 -
[Express] Routing
0. 참고자료 Express 라우팅 라우팅 라우팅은 애플리케이션 엔드 포인트(URI)의 정의, 그리고 URI가 클라이언트 요청에 응답하는 방식을 말합니다. 라우팅에 대한 소개는 기본 라우팅을 참조하십시오. 다음 코드는 매우 기본 expressjs.com 홈페이지 구현 - 생활코딩 수업소개 Express의 Route 기능을 중심으로 홈페이지 기능을 구현해보겠습니다. 강의 소스코드 main.js (변경사항) var express = require('express') var app = express() var fs = require('fs'); var template = require('./lib/te opentutorials.org 1. 라우팅 라우트(route)는 자원을 식별하는 URL의 일부입니다. 예를..
2023.07.04