Daily Front_Minhhk

https://d33wubrfki0l68.cloudfront.net/01cc198232551a7e180f4e9e327b5ab22d9d14e7/b33f4/assets/images/reduxdataflowdiagram-49fa8c3968371d9ef6f2a1486bd40a26.gif ACTION : 간단한 js 객체..작업의 유형을 지정하는 'type 속성'이 있고, 선택적으로 redux 저장소에 일부 데이터를 보내는데 사용되는 'payload' 속성을 가질 수도 있다. {type : 'members', memId : 2} {type : 'USER_NAME', res : {id : 1, name : 'Kim'}} {type : 'TEXT_LINE', text : '안녕하세요'} REDUCER : 상태 변경 ..

익스프레스의 req, res 객체는 http 모듈의 req, res 객체를 확장한 것 req • req.app: req 객체를 통해 app 객체에 접근할 수 있습니다. req.app.get('port')와 같은 식으로 사용할 수 있습니다. • req.body: body-parser 미들웨어가 만드는 요청의 본문을 해석한 객체입니다. • req.cookies: cookie-parser 미들웨어가 만드는 요청의 쿠키를 해석한 객체입니다. • req.ip: 요청의 ip 주소가 담겨 있습니다. • req.params: 라우트 매개변수에 대한 정보가 담긴 객체입니다. • req.query: 쿼리스트링에 대한 정보가 담긴 객체입니다. • req.signedCookies: 서명된 쿠키들은 req.cookies 대신 ..

app.js에 많은 라우터들을 쓰게 된다면 코드가 매우 지저분 할 것이다. 따라서 app.js 에서는 분리된 라우터들을 가져와서 한줄로 적어주고 routes 폴더를 생성하여, 분리하자! 라우터 분리하기 routes/index.js const express = require('express'); const router = express.Router(); // GET / 라우터 router.get('/', (req, res) => { res.render('index', { title: 'Express' }); }); module.exports = router; routes/user.js const express = require('express'); const router = express.Router();..

multer? - 멀티파트 형식으로 업로드할 때 사용하는 미들웨어 - enctype이 multipart/form-data인 폼을 통해 업로드하는 데이터의 형식 multipart.html 업로드 // 다중 파일 일 떈? 업로드 npm i multer -> multer를 설치하고! const multer = require('multer'); const upload = multer({ storage: multer.diskStorage({ destination(req, file, done) { done(null, 'uploads/'); }, filename(req, file, done) { const ext = path.extname(file.originalname); done(null, path.basenam..

morgan npm i morgan 설치 후, 서버 localhost: 에 접속하면 기존 로그 외에 추가적인 로그를 볼 수있다. app.use(morgan("dev")); // 개발 시 app.use(morgan("combined")); // 배포 시_정보가 자세히 뜸 GET / 200 3.012 ms - 16 middleWare Using... GET /favicon.ico 304 0.491 ms - - dev 모드 기준으로 GET / 500 7.409 ms - 50 -> 각각 [HTTP 메서드] [주소] [HTTP 상태 코드] [응답 속도] - [응답 바이트]를 의미 bodyParser -> 요청의 본문에 있는 데이터를 해석해서 req.body 객체로 만들어주는 미들웨어 express 의 bodyPa..

npm init npm i express npm -D nodemon -> package.json 에 script 부분에 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "nodemon app" }, 지정한 뒤, app.js 파일을 npm start로 실행 app.use에 매개변수가 req, res, next인 파라미터를 넣는다. 미들웨어는 위에서부터 아래로 순서대로 실행 -> 요청과 응답 사이에 특별한 기능을 추가 가능! 이번에는 next 파라미터는 다음 미들웨어로 넘어가는 함수이며, next() 실행 시키지 않으면 다음 미들웨어 실행이 안됨.. const express = require("express"); co..