express7 Quill 에디터 - 이미지 처리하기 깃허브에 작성한 ReadMe를 블로그로 옮겨왔다.(형식은 조금 수정..) 요새 너무 바빠서 글을 못올려서..^^ 팀 프로젝트에서 Quill 에디터를 사용했는 데, 이미지 업로드에 고생을 좀 해서 정리해봤다. https://github.com/12Ahn22/quill-multer/blob/main/readme.md GitHub - 12Ahn22/quill-multer: react-quill과 multer 같이 사용해보기~ react-quill과 multer 같이 사용해보기~. Contribute to 12Ahn22/quill-multer development by creating an account on GitHub. github.com 🔮 Quill 에디터에 이미지 넣기 Quill 에디터로 게시판을 만들.. 2021. 8. 1. [express] req.body가 undefined인 경우 ✋ 에러코드 req.body 가 undefined인 경우 🤦♂️ 상황 form에서 데이터를 전송해 post 라우터에서 req.body.프로퍼티 명으로 데이터를 받으려 했지만 undefined가 뜬다. 👍 해결 // 내장 기능 json 제공 기능을 추가 app.use(express.json()); // url인코딩 기능을 추가한다. extended:false면 내장 쿼리 스트링 모듈을 사용한다. app.use(express.urlencoded({ extended: false })); 위 두가지를 사용하지 않아서 데이터를 파싱하지 못했던 것 같다. 쓰니까 바로 해결됨. 2021. 7. 4. [express] - 미들웨어 뽀개기 미들웨어를 사용하는데, 미들웨어 자체에 대한 이해도가 떨어져어려움을 겪고 있어서 쓰는 글 참고자료 Writing middleware for use in Express apps 🍳 미들웨어 미들웨어는 req, res, next를 가진 함수입니다. req 클라이언트에서 오는 요청 정보가 담긴 객체 res 서버가 응답해주는 응답 정보가 담긴 객체 next next 함수를 호출하면 현재 미들웨어에 이어서 다음 미들웨어를 실행합니다. 미들웨어의 종류 app에서 사용하는 미들웨어 내 어플리케이션 전반에서 사용하는 미들웨어다. router에 사용하는 미들웨어 app에서 사용하는 미들웨어와 같지만 사용 범위가 라우터로 정해진다. 에러 처리 미들웨어 다른 미들웨어와 다르게 4개의 매개변수를 가진다. 에러를 처리하는 목적.. 2021. 7. 3. express - req와 res 객체 req, res 객체 http 모듈의 req, res 객체를 확장한 것이다. 기존 http 모듈과 express 추가 메서드도 사용할 수 있다. 자주 사용하는 req 객체 요청하는 객체 ( request ) req.app - req객체를 통해 app 객체에 접근할 수 있다. ex ) req.app.get('키'); req.body - body-parser 미들웨어가 만드는 요청 본문을 해석한 객체 req.cookies - cookie-parser 미들웨어가 만든 요청의 쿠키를 해석한 객체 req.ip - 요청의 ip 주소 req.params - 라우트 매개변수에 대한 정보가 담긴 객체 req.query - 쿼리스트링 정보가 담긴 객체 req.signedCookies - 서명된 쿠키들이 담긴 객체 req... 2021. 6. 24. express - 라우터 Router 객체로 라우팅 분리하기 app.js에 모든 라우팅을 설정하면 app.js 코드가 너무 길어져서 유지보수하기가 힘들다. routes 폴더를 만들어서 따로 라우터 파일들을 모두 관리한다. routes 폴더는 MVC 패턴에서 Controls을 담당한다. 라우팅 분리하는 순서 routes 폴더를 생성한다. routes 폴더에 분리할 라우팅 파일을 생성한다. ( index.js, users.js ... ) 각각의 라우팅 파일을 사용하기 위해 app.js 파일에 불러와 설정을 해준다. index.js 파일 코드 const express = require('express'); const router = express.Router(); // GET / 라우터 router.get('/',(req,res)=>.. 2021. 6. 24. express 미들웨어 미들웨어란? 요청(req)과 응답(res)의 중간(미들)에 위치하여 특정 기능을 수행한다. 라우터와 에러 핸들러 또한 미들웨어의 일종이다. 미들웨어는 요청과 응답을 조작해 기능을 추가하기도 하며 나쁜 요청을 걸러내기도 한다. app.use( 미들웨어 ) 미들웨어는 app.use와 함께 사용한다. // 미들웨어 사용해보기 app.use((req, res, next) => { console.log('모든 요청에서 실행된다.'); next(); // next를 해야 다음 일을 하기위해 넘어간다. }); localhost:3000를 호출하면 미들웨어도 실행된다. 반드시, next( )를 미들웨어 마지막에 써줘야한다. next를 실행하지 않으면 다음으로 넘어갈 수 없다. app.use( [, 경로 ] ,미들웨어 .. 2021. 6. 23. 이전 1 2 다음
