WEB3 - Express

WEB3 - Express

Express 미들웨어 만들기

수업소개

Express의 미들웨어를 만드는 방법을 살펴봅니다. 

 

 

 

강의

 

 

 

소스코드

변경사항

main.js

버그알림 : 86번째 코드를 아래와 같이 수정해주세요. 
var list = template.list(filelist);
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
var express = require('express')
var app = express()
var fs = require('fs');
var path = require('path');
var qs = require('querystring');
var bodyParser = require('body-parser');
var sanitizeHtml = require('sanitize-html');
var compression = require('compression')
var template = require('./lib/template.js');
app.use(bodyParser.urlencoded({ extended: false }));
app.use(compression());
app.get('*', function(request, response, next){
fs.readdir('./data', function(error, filelist){
request.list = filelist;
next();
});
});
//route, routing
//app.get('/', (req, res) => res.send('Hello World!'))
app.get('/', function(request, response) {
var title = 'Welcome';
var description = 'Hello, Node.js';
var list = template.list(request.list);
var html = template.HTML(title, list,
`<h2>${title}</h2>${description}`,
`<a href="/create">create</a>`
);
response.send(html);
});
app.get('/page/:pageId', function(request, response) {
var filteredId = path.parse(request.params.pageId).base;
fs.readFile(`data/${filteredId}`, 'utf8', function(err, description){
var title = request.params.pageId;
var sanitizedTitle = sanitizeHtml(title);
var sanitizedDescription = sanitizeHtml(description, {
allowedTags:['h1']
});
var list = template.list(request.list);
var html = template.HTML(sanitizedTitle, list,
`<h2>${sanitizedTitle}</h2>${sanitizedDescription}`,
` <a href="/create">create</a>
<a href="/update/${sanitizedTitle}">update</a>
<form action="/delete_process" method="post">
<input type="hidden" name="id" value="${sanitizedTitle}">
<input type="submit" value="delete">
</form>`
);
response.send(html);
});
});
app.get('/create', function(request, response){
var title = 'WEB - create';
var list = template.list(request.list);
var html = template.HTML(title, list, `
<form action="/create_process" method="post">
<p><input type="text" name="title" placeholder="title"></p>
<p>
<textarea name="description" placeholder="description"></textarea>
</p>
<p>
<input type="submit">
</p>
</form>
`, '');
response.send(html);
});
app.post('/create_process', function(request, response){
var post = request.body;
var title = post.title;
var description = post.description;
fs.writeFile(`data/${title}`, description, 'utf8', function(err){
response.writeHead(302, {Location: `/?id=${title}`});
response.end();
});
});
app.get('/update/:pageId', function(request, response){
var filteredId = path.parse(request.params.pageId).base;
fs.readFile(`data/${filteredId}`, 'utf8', function(err, description){
var title = request.params.pageId;
var list = template.list(filelist);
var html = template.HTML(title, list,
`
<form action="/update_process" method="post">
<input type="hidden" name="id" value="${title}">
<p><input type="text" name="title" placeholder="title" value="${title}"></p>
<p>
<textarea name="description" placeholder="description">${description}</textarea>
</p>
<p>
<input type="submit">
</p>
</form>
`,
`<a href="/create">create</a> <a href="/update?id=${title}">update</a>`
);
response.send(html);
});
});
app.post('/update_process', function(request, response){
var post = request.body;
var id = post.id;
var title = post.title;
var description = post.description;
fs.rename(`data/${id}`, `data/${title}`, function(error){
fs.writeFile(`data/${title}`, description, 'utf8', function(err){
response.redirect(`/?id=${title}`);
})
});
});
app.post('/delete_process', function(request, response){
var post = request.body;
var id = post.id;
var filteredId = path.parse(id).base;
fs.unlink(`data/${filteredId}`, function(error){
response.redirect('/');
});
});
app.listen(3000, function() {
console.log('Example app listening on port 3000!')
});

 

댓글

댓글 본문
  1. qq
    미들웨어를 사용하는 것뿐만 아니라 새로 만들 수 있다는 것도 알게 됨!
    답글
  2. 어흥
    230706
    답글
  3. 감자
    22.12.22.
    답글
  4. 당당
    2022.11.18
    답글
  5. xogk1128
    22.07.25 완료
    답글
  6. KiteJun
    미들웨어 2022-02-26
    답글
  7. 케굴
    2022-01-02
    답글
  8. 감자그라탕
    이번 강의는 정말 큰 의의가 있네요
    라우팅으로 사용하던 코드가 사실은 미들웨어!
    여러가지 언어를 공부하다 보면 이런 부분들이 있는 것 같습니다.
    쓰면서도 이게 무엇인지 모르고 사용하다가 그 정의를 알때의 기쁨이란 참 뿌듯하네요
    감사합니다
    답글
  9. chimhyangmoo
    21.03.23
    답글
  10. jeisyoon
    2021.03.15 Middleware 만들기 - OK
    답글
  11. hanel_
    21.2.15
    답글
  12. 김지호
    21 01 08
    답글
  13. 생활둘기
    2021 1 4
    답글
  14. 콜라
    20201025 완료
    답글
  15. Yong Hyun Lee
    완료 201003
    답글
  16. 전주호
    완료
    답글
  17. 전주호
    완료
    답글
  18. ldhan0715
    20-09-14
    답글
  19. 뚜루뚜루뚭
    감사합니다
    답글
  20. ㅋㅋㅋ
    감사합니다!
    답글
  21. 쑤우
    수강완료. 감사합니다~
    답글
  22. c#개발자
    app.use(function(request, response, next){
    db.query('select * from topic', function (error, topics, fields){
    // request.????? = topics;
    next();
    });
    });

    db에서는 request의 어떤 것(list? body?)을 써야할지 잘 모르겠네요..
    list는 오류나고 body는 출력해보니 {} 라고 뜨고 헷갈립니다.
    답글 수정 삭제
  23. 굼벵이
    완료
    답글 수정 삭제
  24. nmcl
    공통 처리의 힘..
    답글
  25. jo_onc
    크으 알면 알 수록 재밌네요
    답글 수정 삭제
  26. Kyoungil Lee
    var express = require('express');
    var app = express();

    app.use(function(request,response,next){ // app.use는 미들웨어함수만 받는다.
    // next()는 다음 미들웨어를 실행한다.
    });

    app.get('*', function(request,response){ // app.get은 path('*')와 함수를 받는다.
    // post방식 접근에서는 실행되지않는다.
    });

    +express는 미들웨어로 구성되어있다고해도 과언이아니다!
    답글
  27. 삼고잉
    잘읽었습니다
    답글
  28. 연수아빠
    코딩이 편리해 지네요.
    답글
버전 관리
egoing
현재 버전
선택 버전
공동공부
graphittie 자세히 보기