서버에서 sequelize를 통해 mySQL에 있는 데이터값을 findAll로 불러오고 객채형태인 데이터를 그대로 ejs로 클라이언트에 보냈다. 그리고 ejs문법을 써서 클라이언트 html에서 받아오려고 했지만 되지 않았다. 이유는 ejs로 객체를 받으면 그 데이터가 JSON형식으로 되어있기 때문에 [Object Object] 처럼 나타난다. 이를 해결하기 위해 다시 구글링을 해봤고 이는 그 데이터 자체를 JSON.stringify()로 파싱해주면 객체값이 나왔다. 하지만 이것만으로는 html의 script 에서 바로 사용할수 없었다. 원래 " 로 돼있어야 할 곳들이 " 로 바뀌어 있었다. replaceAll 로 " 를 " 로 바꿔준후 JSON.parse()로 자바스크립트 언어로 파싱한 후 사용할수 있었..

DB에서 값을 받아오는데에는 시간이 필요해서 동기처리가 굉장히 중요했다. sequelize 에서 값을 받아올때는 앞에 await만 붙여주면 됬다. 그래서 다른 것들도 동기처리를 하기 위해서 await만 붙여주면 끝나는줄 알았지만 아니었다. 구글링을 해서 찾아보니 await 뒤에는 promise만 쓸수 있었고 sequelize는 promise가 내장되 있었기 때문에 await가 가능했던 것이다. forEach문을 promise로 만들어봤지만 동기처리가 되지 않아서 구글링을 해봤다. 기존 for문과 forEach의 차이는 동기, 비동기 차이였다. for문은 동기처리로 모든 for문이 되기전까지 기다린 반면에 forEach는 비동기처리로 진행한다고 한다. 결과 forEach 말고 for of문을 썼다. 이 문..

image를 서버에 올리기 위해 구글링을 해봤는데 대부분 formData를 사용해서 옮겼다. 그래서 formData가 필수적으로 필요한줄 알고 공부를 하고봤더니 form태그로 보내면 multer를 이용해서 받을수 있는것을 확인했다. 구글에서 multer를 쓴 예제들을 보며 이미지 1개를 올리는것 까지는 쉽게 구현을 했다. 문제는 여러개의 이미지를 올리는 것이었다. input 태그에서 여러개를 올릴수 있게 multiple 속성을 추가해봤지만 되지 않았다. 내가 원하는건 한번 이미지를 올리고 그 input태그를 사용하여 다시 이미지를 올리면 총 2개의 이미지가 input 에 담기길 원했지만 그러지 않았다. 그래서 input 태그를 5개 배치하였다. multer에서 받을때도 미들웨어로 field로 받아서 가공..

1. app.js //연산자 사용하기 위해서 가져온다 const { Op } = require("sequelize"); 2. 조회 (1) Op.gt : greater than (초과) (2) Op.gte : greater than or equal to (이상) (3) Op.lt : less than (미만) (4) Op.lte : less than or equal to (이하) (5) Op.ne : not equal (같지 않음) (6) Op.or : or (또는) (7) Op.in : in (배열 요소중 하나) (8) Op.notIn : not in (배열 요소와 모두 다름) 쿼리(조회) — Sequelize Of Node.js translate V5 5 documentation JSON 데이터 타입은..

1. model/index.js const Sequelize = require("sequelize"); // config.js에서 module.exports = config 내보내기를 하고 // require("../config/config") 가져오면 내보낸 객체가 가져와진다. const { config } = require("../config/config"); const User = require("./users"); const Post = require("./post"); //시퀄라이즈 객체 생성 옵션을 적용한 객체 만들어 놓는다. const sequelize = new Sequelize( config.dev.database, config.dev.username, config.dev.password..