Express3

• 

  [AWS] Express + AWS3 express통해 이미지 S3에 업로드하기 1. 무엇을 하려하는가? Next JS와 Express를 통해서 블로그를 만들고 있던 중 이미지는 multipart를 처리하는 미들웨어인 multer를 통해 저장하기로 하였다. 하지만 multer의 local storage를 사용하면 이미지를 저장할 때 express서버가 열려있는 나의 컴퓨터에 저장이 되어 메모리 상 문제가 생길 거 같았다. 그래서 외부 스토리지를 찾던 중 가장 좋을 거 같다고 생각한 곳이 바로 AWS의 S3이다. S3에 이미지를 업로드하고 그 주소만을 반환하면 S3에서 이미지를 반환하여 로컬 서버에 무리를 주지 않고도 이미지를 불러올 수 있을 것이다. 2. 무엇이 필요한가? front-end에서는 딱히 필요한 것은 없다. 그저 backend가 제공하는 api를 호출해주면 된다. bac.. deployment/AWS 2022. 7. 17.

• 

  [Express+Sequelize] MySQL과 Express연결 (ES6) 1. 문제 대부분의 sequelize설명들이 구글링을 한 결과 CommonJS의 require문을 통해 구현이 되어있거나 ES6의 Class를 extends한 뒤 구현을 하는 형태로 이루여저 있었다. 하지만 나는 Sequelize의 모델을 define함수 내에서 정의해주고 싶었고 내가 현재 개발하고 있는 Express서버는 ES6를 사용하고 있었으므로 구글링을 통해 찾은 require문은 사용할 수 없었다. 따라서 ES6의 모듈 import와 export를 사용해서 코드를 바꿔보자는 생각을 가지고 이슈를 해결하였다. 2. Sequelize+Express의 연결 sequelize는 백엔드 서버에서 mysql을 간단히 조작할 수 있도록 도와주는 라이브러리이다. 나는 mysql을 database수업 시간에 다.. back-end/express.js 2022. 7. 10.

• 

  [NextJS + Express] Express에 저장된 이미지 불러오기 (외부 이미지 불러오기) CORB문제 1. 나의 상황 나는 현재 localhost3001번 포트에서 next js를 이용한 프론트 엔드 서버를 localhost:5000번에서는 express를 이용한 백엔드 서버를 구현하였다. 또한 express에서는 mongoDB와 연동을 통해 백엔드 서버를 구축하였다. 2. 문제 상황 localhost:3001번 포트와 localhost:5000번 포트는 서로 포트 번호가 다르다. 따라서 Cross-Origin-Resource Sharing(CORS)정책을 만족하지 못했다. 따라서 앞선 포스팅에서 proxy설정을 해주어 이 api문제를 해결해주었다. 하지만 여전히 이미지 파일은 불러오지 못하는 문제가 존재했다. 3. 이미지 불러온 방법 nextJS - localhost:3001 axios g.. back-end/express.js 2022. 7. 5.