const express = require('express');
const path = require('path');
const app = express();
const http = require('http').createServer(app);
app.use(express.json());
const cors = require('cors');
app.use(cors());
app.use(express.urlencoded({ extended: true }));
// react 연결
app.use(express.static(path.join(__dirname, 'carrot-clone/build')))
app.get('/', function (요청, 응답) {
응답.sendFile(path.join(__dirname, 'carrot-clone/build/index.html'))
})
app.get('*', function (요청, 응답) {
응답.sendFile(path.join(__dirname, 'carrot-clone/build/index.html'));
});
// mongoDB 연결
const MongoClient = require('mongodb').MongoClient;
let db;
MongoClient.connect('mongodb+srv://admin:1234@cluster0.mutky.mongodb.net/carrot?retryWrites=true&w=majority', function (err, client) {
// 연결되면 할 일
if (err) { return console.log(err) }// MongoDB 관련된 함수들 전부 콜백함수에서 에러처리가능
db = client.db('carrot')
http.listen(8080, function () {
console.log('listening on 8080')
});
})
let multer = require('multer');
let storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, './public/img')// public/img 폴더 안에 이미지가 저장됨
},
filename: function (req, file, cb) {
cb(null, file.originalname + ' - ' + new Date().toISOString().replace(/:/g, '-'))// 저장한 이미지의 파일명 설정
}
});
let upload = multer({ storage: storage });// 이미지 업로드 시 multer를 미들웨어로 동작시키기
app.post('/image-upload', upload.single('img'), function (req, res) {
res.redirect('/upload');
})
app.get('/img/:imageName', function (req, res) {
res.sendFile(__dirname + '/public/img/' + req.params.imageName)// __dirname: 현재 파일경로
})
app.post('/upload', function (req, res) {
db.collection('counter').findOne({ name: '게시물개수' }, function (err, result) {
let 총게시물개수 = result.totalPost;
let 저장할거 = { _id: 총게시물개수 + 1, title: req.body.title, price: req.body.price, text: req.body.text, category: req.body.category }
db.collection('posts').insertOne(저장할거, function (err, result) {
console.log('저장완료')
console.log(req.body)
})
db.collection('counter').updateOne({ name: '게시물개수' }, { $inc: { totalPost: 1 } }, function (err, result) {
// { $set: { 바꿀 값 }}
// { $inc: { 기존 값에 더해줄 값 }}
if (err) { return console.log(err) }
})
res.redirect('/products')
})
})
app.get('/products', function (req, res) {
db.collection('posts').find().toArray(function (err, result) {
console.log(result);
res.send({ post: result });
});
});
이게 전체 코드인데 /products에 접속해봐도 result 출력이 안되네요...
let [post, dataSet] = useState([]);
useEffect(() => {
axios.get('http://localhost:8080/products').then((result) => {
dataSet([...result.post])
console.log(result.post)
})
}, [])
data를 post로 바꿨더니
Products.js:16 Uncaught (in promise) TypeError: result.post is not iterable
아예 오류가 뜹니다...
