인프런 커뮤니티 질문&답변

현재 puppeteer-crawling해서

스타벅스메뉴와 이미지는 잘 긁어 왔는데요.

자꾸 MongoDB에 저장되어 있는 img를 불러올 때

에러가 발생하는데, 성공하신 분 있나요?

스키마에서 이미지 형식을 Buffer

했습니다.

import mongoose from "mongoose";

const StarbucksSchema = new mongoose.Schema({
  name: String,
  img: Buffer,
});

export const Starbucks = mongoose.model("Starbucks", StarbucksSchema);

  //이미지 URL로부터 이미지 다운로드
    if (!fs.existsSync("img_crawling")) {
      fs.mkdirSync("img_crawling");
    }
    let fileName = `img_crawling/${menuName}.jpg`;
    request(menuImage).pipe(fs.createWriteStream(fileName));
    console.log(`이미지 ${fileName} 저장 완료`);

저는 fs모듈과 request모듈을 추가로 사용했는데,

이미지의 주소를 MongDB에 저장하고,

이미지는 별도의 폴더에 저장되게 만들었습니다.


질문 요약
1. MongDB에 이미지 저장할 때 fs라이브러리와 request라이브러리를 사용하게 맞나요?

2. 이미지를 저장은 잘 됐는데, 화면에 뿌려 줄려고 하는데 자꾸 에러가 나요.

3.몽고DB에 접속해서 이미지 주소를 가져와서, 그 주소를 기반으로 뿌려줘야 되는지

4.아니면 몽고DB에 접속해서 그 메타주소(?)를 기반으로 현재 컴퓨터에 저장된 이미지를 화면에 뿌려줘야 하는지

자꾸 구글링하면 몽고DB에 이미지파일을 직접적으로

저장하는 것은 DB에 무리를 일으킨다. 그래서 어떠한

라이브러리를 사용해서 DB에는 메타주소(?)만을 저장하고,

이미지파일을 별도의 localStorage에 저장한다.

또한 이미지를 그냥 가져(load) 올 수 없어서 인코딩을 해줘야 한다.

뭔 말인지 모르겠어요 ㅠ.ㅠ