ReactJS DB list get 요청

[Maldive]

자세히는 모르겠지만 검색을 많이 하다보니,  느낌상

선생님 스타일이  센스있게 라이브러리 특성 잘 살리고,  RESTapi 에 가까우신것같습니다.

질문 1. app.get("/", 

---React CRUD컴포넌트들이 1페이지에 다있구요,

Detail은  React 에게 Routing을 다 맞긴 상태고요  (app.get("*",)

 POST 요청(form action)할 때 "/"  경로 한번 썼는데 (/add 하면 detail 페이지로 가니까)

get 요청 경로는 도데체 어떤 식으로 해야하나요?

 

질문 2. 응답.render("/blog/build/index.html" , 

---CRUD 모두 1페이지에 다 있는데 , render 말고 표현을 어떻게 해야하죠? sendFile 해도 될가요?

(blog-server-mongoDB연동은 되고 있어요...)

 

?App.js 

 let POSTS = [];  (- App 본문 밖 위쪽에)

 {POSTS.map(function (a, i) {
        return (
          <div
            key={i}  className="plan-list"  onClick={() => {setPlanModal(true); 누른제목번호변경(i);}}>          
                  <div className="flex-1">
                     <h4 className="TITLE">{POSTS[i].title}</h4>                 
                   </div>         
          </div> ); })}

?server.js 

app.get("/", function (요청, 응답) {
  db.collection("post").find().toArray(function (에러, 결과) {
      console.log(결과); 
      응답.render("/", { POSTS: 결과, });});});

 

 

[codingapple]

서버에다가는

"누가 /게시물줘 라고 get요청을 하면 db에서 데이터 뽑아서 보내주세요~"라고 작성하고

리액트에선

/게시물줘로 ajax get요청하는 코드를 작성하면 됩니다. 

 

그리고 서버에선 응답.json( { name : 'kim' } ) 이거 쓰시면 원하는 object데이터를 보내줄 수 있습니다

 

[Maldive]

axios 사용하는거구낭... 다시 해보겠습니다. 감사해요 ?

[글쓴이]

글