Vue + Node + Express + Mongodb 사용시 질문

[김동현]

마지막 강의보니까 리액트랑 연결 하는법 있어서 따라해봤더니, Express위에서 잘 작동하는데요, 그 상태에서 

데이터 넘겨주는 방법을 모르겠네요.. ejs 문법으로만 넘겨봐서.. Vue에서는 어떻게 데이터를 받고 처리하는지 한편 올려주실 수 있을까요?  

NodeJs + Express 강의보고 구글링도 계속해보는데 Vue js 2 로 된 튜토리얼은 많이 보이는데, Vue j3은 안보이네요..ㅠㅠ

 

[codingapple]

예를 들어서 DB에서 글목록 데이터를 꺼내서 HTML로 보여주고 싶은 경우 

뷰나 리액트는 index.html 페이지 하나로 개발하기 때문에 

1. 서버는 누군가 /list로 GET요청을 하면 DB에서 데이터 꺼내서 보내준다고 API를 짜놓습니다. 

2. 리액트는 글목록 페이지를 보여주고 싶으면 서버로 ajax GET요청을 보냅니다. 

3. 그럼 데이터 받아올텐데 그걸 가지고 html에 집어넣든 맘대로 개발하면 됩니다. 

 

서버에선 응답.send 아니면 응답.json 쓰면 데이터만 전송가능합니다

[김동현]

도움 주신 덕분에 데이터 몽고디비에서 데이터 넘겨 받는것 성공하였습니다!!

그런데 아래에서 제목, 날짜 출력하려면 for문에 어떻게 쓰는게 맞을까요? 이것저것 해봐도 안되네요..

[codingapple]

지금 가져온 자료가 [ {}, {}, {} ] 이렇게 생겼고 그걸 posts : [] 여기에 push 했으니

posts는 [ [ {}, {}, {} ] ] 이렇게 생겼겠군요 

그냥 ajax성공하면

this.posts = 받아온데이터

이렇게 수정하는게 어떨까요 

[강철민]

완전 필요했던 질문과 답변이네요... 몇일을 찾아도 잘 모르겠던데...ㅠㅠ vue.js + node + express + mongodb 튜토리얼 강의는 따로 준비하실 예정이 없으신가요?

[codingapple]

연결은 nodejs 마지막 강의 똑같이 따라하면 됩니다 

[글쓴이]

글