불타는 키보드

serve-static 모듈 CSS, HTML, JS, 등등의 정적 파일에 대한 접근을 하고 싶다면 serve-static이란 모듈을 사용해야 합니다. const express = require('express'); const app = express(); const static = require('serve-static'); app.use(static(__dirname)); //__dirname은 현재 파일의 directory 이름 app.listen(8003, () => { console.log('서버 구동중'); }); 만약 현재 폴더의 하위 폴더를 지정하고 싶다면 아래와 같은 과정이 필요합니다 // path 모듈 사용 const path = require('path'); // 현재 파일 위치(__..

프레임워크+라이브러리/Express 2020. 7. 31. 04:21

Router() express에서 라우팅처리를 하는 방법 중에 Router() 함수를 호출하는 방법이 있습니다. const router = express.Router(); app.get(), app.post(), app.put(), app.delete() 등을 이어서 쓰다 보면 코드가 길어지기 때문에 각 url 주소마다 작동시키고 싶은 기능들을 정한 뒤 라우터 모듈 안에 담아 export하면 다른 파일에서 이용할 수 있습니다. const express = require('express'); const router = express.Router(); // '/' 주소로 request 들어올 시 get router.route('/').get((req, res) => { res.send(html); }); /..

프레임워크+라이브러리/Express 2020. 7. 30. 23:26

express의 기능 미들웨어 함수를 이용하여 request, response를 처리합니다. 미들웨어는 여러개를 사용할 수 있습니다. next()를 통해 다음 미들웨어로 넘어갑니다. 미들웨어를 실행하기 위해서는 app.use() , 혹은 app.METHOD() 의 함수가 필요합니다. (app.METHOD() 예시: app.get(), app.post() ... ) 예제1: app.use() const express = require('express'); const app = express(); // 👇첫번째 미들웨어 app.use((req, res, next) => { req.username = 'Babo'; res.write(`This is 1st middleware, user name is ${req..

프레임워크+라이브러리/Express 2020. 7. 30. 19:37

설치 npm에서 express module을 다운받아야 합니다. $ npm init //json 생성 $ npm install express --save // json에 express 정보 담기 서버 열어보기 const express = require('express'); const app = express(); express를 사용하면 http모듈을 따로 불러올 필요가 없습니다. app이라는 변수(서버 메인 어플리케이션)에 express()를 할당하면 이제 이 app을 활용해 서버를 구동시킬 수 있게 됩니다. const express = require('express'); const app = express(); app.listen(8003, () => { console.log('익스프레스로 서버 실행..

프레임워크+라이브러리/Express 2020. 7. 25. 16:22

const path = require('path'); const { dirname, basename } = require('path'); const directories = ['Users', 'UserName', 'Desktop']; const dirStr = directories.join(path.sep); console.log(`directory(String) = ${dirStr}`); //result: Users/UserName/Desktop const filePath = path.join('Users/UserName', 'Desktop', 'practice.js'); console.log(`file path = ${filePath}`); //result: Users/UserName/Desktop/..

프레임워크+라이브러리/Express 2020. 7. 23. 22:25

쿠키의 다양한 설정 옵션 Session cookies vs Permanent cookies 만일 쿠키를 생성할 때 Expires나 Max-age와 같은 값을 설정하지 않았다면 그 쿠키는 사용자가 인터넷을 종료하면 사라집니다. 이런 쿠키를 Session cookies라 부릅니다. 반대로 Permanent cookies는 사라질 날짜, 시간 등을 정해놓았기 때문에 사용자가 나가도 그대로 유지됩니다. Session cookies와 Permanent cookies 만들기 아래는 part1, part2에서 작성한 코드 내용입니다. const http = require('http'); const fs = require('fs'); const url = require('url'); const qs = require(..

프레임워크+라이브러리/Express 2020. 7. 21. 17:31

복수의 쿠키 등록하기 지난 part 1에서는 사용자의 이름과 생년월일 정보를 받았지만, 쿠키에는 이름만 등록을 했었습니다. 이번에는 생년월일도 쿠키에 등록해보겠습니다. 다수의 쿠키 정보를 등록하려 할 때는 'Set-Cookie' : [] 를 이용해야 합니다. const http = require('http'); const fs = require('fs'); const url = require('url'); const qs = require('querystring'); const server = http.createServer((req, res) => { const {pathname} = url.parse(req.url); const {query} = url.parse(req.url); const {nam..

프레임워크+라이브러리/Express 2020. 7. 21. 15:54

Cookie가 뭐지? Node.js를 이용하여 사용자의 데이터를 받고, 처리하는 작업을 해봅시다. 이를 위해 인터넷 쿠키를 어떻게 쓸 수 있는지도 연습해보겠습니다. 일단 사용자가 서버에 정보를 전달할 수 있도록 태그를 담은 html 파일을 만들어줍니다. server_content.html이라는 이름으로 파일을 생성했습니다. HTML 생성 왕초보자의 웹서버 생성 연습 웹서버와 이용자간에 데이터를 어떻게 교환하는지 node js를 이용해 알아봅시다. 우선 아래에 본인의 이름과 생년월일을 적어주세요. 이름 생년월일 확인 는 데이터가 submit되는 순간 (여기서는 button을 누르는 순간) action 이 가리키는 /user 주소로 사용자를 보내줍니다. 이제 이 html 파일을 읽어줄 js 파일을 작성해봅시..

프레임워크+라이브러리/Express 2020. 7. 20. 16:29