천천히 알아가는 세상

안녕하세요. 이번에는 파일 업로드 기능을 사용해 보겠습니다. 1. 파일 업로드 클라이언트 -> 서버 데이터 전송하는 법 2. multer npm install multer 파일 업로드를 위해 사용되는 미들웨어 express로 서버를 구축할 때 가장 많이 사용되는 미들웨어 multer로 파일 업로드 실행 시 파일 이름은 랜덤 hash 값으로 설정이 되며 확장자 설정도 되어 있지 않으며, 추가 작업이 필요하다. const multer = require('multer'); 2-1. multer 세부 설정 storage : 저장할 공간에 대한 정보 diskStorage : 파일을 디스크에 저장하기 위한 모든 제어 기능을 제공 destination : 저장할 경로 filename : 파일명 limits : 파일 ..

안녕하세요. 이번에는 Node.js의 미들웨어를 사용해 보겠습니다. 1. 미들웨어 (Middleware) 클라이언트와 서버가 요청과 응답을 할 때 중간에서 거쳐가는 함수 미들웨어에서는 request, response 객체를 모두 사용 가능하고 next() 함수를 이용해 다음 미들웨어로 접근이 가능하다. 미들웨어는 url과 함수 사이에 적어준다. test 함수를 먼저 실행시키고 뒤에 함수를 실행시키겠다라는 의미 미들웨어 함수에서는 req, res 객체를 사용할 수 있으며 마지막에 next도 사용이 가능하다. 마지막에 next() 함수를 실행해야 test 미들웨어 함수가 끝났고, 다음 함수로 넘어간다 라는 의미가 전달된다. index.js const express = require('express'); co..

안녕하세요. 이번에는 동기와 비동기 통신 방법에 대하여 알아보겠습니다. 1. 동기와 비동기 통신 1-1. 동기 방식 한 번에 하나만 처리 => 페이지를 아예 이동해 서버가 데이터 처리 1-2. 비동기 방식 서버에 데이터를 보내고 응답을 기다리는 동안 페이지 이동 없이 처리하는 방식 1-3. 비동기 HTTP 통신 웹 문서가 정적으로 멈춰있는 것이 아니라 일부 내용이 실시간으로 변경되는 것 폼의 데이터를 서버와 dynamic 하게 송수신하는 것 2. 비동기 HTTP 통신 방법 2-1. Ajax 자바스크립트를 이용해 클라이언트와 서버 간에 데이터를 주고받는 비동기 HTTP 통신 장점 JQuery를 통해 쉽게 구현 가능 Error, Success, Complete의 상태를 통해 실행 흐름을 조절할 수 있다. 단..

안녕하세요. 이번에는 Node.js의 서버를 자동으로 재실행 해주는 Nodemon에 대하여 알아보겠습니다. 1. nodemon 패키지 서버측 코드가 변경될 때마다 서버 종료 후 재실행의 불편함을 없앨 수 있는 패키지 코드 변경 시 자동으로 node 재실행 2. 설치 npm install nodemon npm install -g nodemon (전역 설치) 지역 설치 해당 프로젝트 내에서만 사용 가능 전역 설치 -g 옵션으로 설치 시 모든 프로젝트가 공통으로 사용 가능 3. 실행 nodemon app.js PowerShell 창에서는 실행 불가 이상으로 Nodemon 설치에 대하여 알아보았습니다. 감사합니다.

안녕하세요. 이번에는 Express + EJS 환경에서 form을 사용하여 데이터를 전송하는 방법에 대하여 알아보겠습니다. 1. body-parser 데이터를 쉽게 처리할 수 있도록 도와주는 라이브러리 Post로 정보를 전송할 때 요청의 body(req.body)로 받을 수 있게 도와준다. express 4.x 부터 body-parser가 내장되어 있어 설치 필요 없음 index.js // body-parser 라이브러리 - 2줄 코드 - 추가 설치 X app.use(express.urlencoded({ extended: true})); // x-www-urlencoded 데이터를 해석한다. // express.urlencoded() 함수가 없으면 post 데이터를 전달하는 값을 받지 못한다. app.u..