본문 바로가기

WEB/Nodejs-express10

[Nodejs-express] Express generator [생활코딩] express generator Express를 이용해서 프로젝트를 시작할 때 초반에 해야하는 일은 거의 같음 Express generator - 기본적인 구성에 해당되고 아주 모범적인 구성을 만들어주는 기능 1. Express generator 설치 sudo npm install express-generator -g 2. 프로젝트 만들기 express 파일명 프로젝트파일이 생성되고 pachage.json에는 Express를 통해 웹프로젝트를 할 경우 필요할만한 라이브러리들이 준비되어 있음 { "name": "myapp", "version": "0.0.0", "private": true, "scripts": { "start": "node ./bin/www" }, "dependencies": .. 2020. 8. 11.
[Nodejs-express] 에러처리 [생활코딩] 에러처리 404 미들웨어 추가 app.use(function(req, res, next){ res.status(404).send('Sorry cant find that'); }); app.listen(3000, () => console.log('Example app listening on port 3000')); 미들웨어 중 가장 마지막에 추가 - 미들웨어는 순차적으로 실행되기에 더이상 실행될게 없을 때 404를 보내고 메세지를 전달 없는 페이지 처리 app.get('/page/:pageId', function(req, res, next){ // 세번째 인자로 next를 받음 var filteredId = path.parse(req.params.pageId).base; fs.readFile(.. 2020. 8. 9.
[Nodejs-express] 정적인 파일 사용하기 [생활코딩] 정적인 파일의 서비스 app.use(express.static('public')); // public 디렉토리 안에서 static 파일을 찾겠다는 코드 public/images 폴더 안에 img01.jpg라는 파일이 있다면 http://localhost:3000/images/img01.jpg 로 접속시 이미지가 나옴 본문에서 사용하기 app.get('/', function(req, res){ var title = 'Welcome'; var description = 'Hello, Node.js'; var list = template.list(req.list); var html = template.HTML(title, list, `${title}${description} `, `create` ).. 2020. 8. 9.
[Nodejs-express] 미들웨어 만들기 [생활코딩] Express 미들웨어 만들기 공통적으로 사용되는 로직 fs.readdir('./data', function(error, filelist){ ... var list = template.list(filelist); ... }); 공통적인 부분 미들웨어로 만들기 app.use(function(req, res, next){ // 첫번째 매개변수로 req, 두번째 매개변수로 res, 세번째 매개변수로 next를 받게 약속됨 fs.readdir('./data', function(error, filelist){ // data 디렉토리에 있는 파일목록을 가져와 filelist에 넣고 function 호출 req.list = filelist; // filelist를 req객체의 list값으로 담음 next.. 2020. 8. 9.
[Nodejs-express] 미들웨어, body-parser, compression [생활코딩] Express 미들웨어의 사용 미들웨어(Middleware) - 다른 사람이 만든 소프트웨어를 부품으로 사용해 생산성을 높임 서드파티 미들웨어(Third-party Middleware) - 다른 사람이 만들고 오피셜하지 않은 소프트웨어 미들웨어 사용하기 body-parser : 웹 브라우저에서 요청한 본체(body)를 분석해서 필요한 형태로 가공할 수 있음 - 설치 : npm install body-parser --save - api : var bodyParser = require('body-parser'); - 사용 : app.use(bodyParser.urlencoded({ extended: false })); -> app.use를 통해 bodyParser 모듈을 호출 -> bodyPar.. 2020. 8. 8.
[Nodejs-express] app.post(), res.redirect() [생활코딩] 페이지 생성 구현 [생활코딩] 페이지 수정 기능 구현 [생활코딩] 삭제 기능 구현 Form에서 post방식으로 전달하면 app.post로 받음 app.get('/create', function(req, res){ fs.readdir('./data', function(error, filelist){ var title = 'WEB - create'; var list = template.list(filelist); var html = template.HTML(title, list, ` `, ''); res.send(html); }); }); // form에서 post방식으로 전달하기에 app.post를 사용 app.post('/create_process', function(req, res){ va.. 2020. 8. 7.
반응형

티스토리툴바