불타는 키보드

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

www.w3schools.com/jsref/obj_console.asp Console Object The Console Object Console Object The Console object provides access to the browser's debugging console. Console Object Methods Method Description assert() Writes an error message to the console if the assertion is false clear() Clears the console count() www.w3schools.com 자주 쓰이는 console 명령어 몇가지를 익혀보려 합니다. console.log console.log('야!'); 로그에 ..

언어/Javascript + Typescript 2020. 7. 23. 19:55

쿠키의 다양한 설정 옵션 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