생활코딩 Node.js 강의
데이터베이스를 이용해서 웹에플리케이션을 제작하는 방법을 알아봅니다.
생활코딩 Node.js 강의
사용자가 업로드한 파일을 받아서 저장하는 방법에 대해서 알아봅니다
초보몽키의 개발공부로그
텍스트와 파일 2가지로 나눌 수 있다.파일을 앱에게 전달하는 방법에 대해서 알아본다.multer 모듈 설치코드 (터미널)npm install --save multer
// 업로드 - 파일 업로드 폼
app.get('/upload', function(req, res){
res.render('upload');
});
enctype="multipart/form-data" 로 설정해야 사용자가 전송한 파일을 서버로 전송할 수 있다.doctype html
html
head
meta(charset='utf-8')
body
form(action='upload' method='post' enctype="multipart/form-data")
input(type='file' name='userfile')
input(type='submit')
app.post('/upload', function(req, res){
res.send('업로드 성공!');
});
var multer = require('multer'); // express에 multer모듈 적용 (for 파일업로드)
var upload = multer({ dest: 'uploads/' })
// 입력한 파일이 uploads/ 폴더 내에 저장된다.
// multer라는 모듈이 함수라서 함수에 옵션을 줘서 실행을 시키면, 해당 함수는 미들웨어를 리턴한다.
upload.single('avatar')는 뒤의 function(req, res)함수가 실행되기 전에 먼저 실행.upload.single('avatar') 의 매개변수 'avatar'는 form을 통해 전송되는 파일의 name속성을 가져야 함.app.post('/upload', upload.single('userfile'), function(req, res){
res.send('Uploaded! : '+req.file); // object를 리턴함
console.log(req.file); // 콘솔(터미널)을 통해서 req.file Object 내용 확인 가능.
});
multer 모듈을 통해서 post로 전송된 파일의 저장경로와 파일명 등을 처리한다.
var multer = require('multer'); // multer모듈 적용 (for 파일업로드)
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, 'uploads/') // cb 콜백함수를 통해 전송된 파일 저장 디렉토리 설정
}
filename: function (req, file, cb) {
cb(null, file.originalname) // cb 콜백함수를 통해 전송된 파일 이름 설정
}
})
var upload = multer({ storage: storage })
app.use('/users', express.static('uploads'));
(ex. http://localhost:3000/users/siwa.png)윤지수님의 웹 프론트엔드 강의
네임스페이스를 이용해 실제 웹서비스 코드를 만드는 형태를 알아본다.
객체 소유권과 밀접히 관련된 이론으로, 전역 변수나 함수 사용을 가능한 한 피해야 한다. 이는 스크립트가 실행되는 환경을 항상 일정하게, 관리하기 쉽게 만드는 일이다. 전역 변수는 단 하나만 생성하고 그 안에 다른 객체와 함수가 존재하도록 해야 한다.
네임스페이스 라고 한다.
```var MBC = {};
MBC.manager = {
_init : function(){
console.log('프로그램 시작!');
},
_attachEvents : function(){
document.body.addEventListener('click', function(){
console.log('body clicked!');
},false);
}
};
MBC.Viewer = (function(){
function View(name){
this.name = 'new viewer';
}
View.prototype.printName = function(){
console.log(this.name);
}
return { View : View } // 즉시실행 함수 반환 값
})(); // 즉시 실행 함수
MBC.Utility = {};
var myobj = MBC.Viewr; // Object{View: function}
var myinstance = new myobj.View(); // = new MBC.Viewer.View();
myinstance.printName() // new viewer 리턴