• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Node.js, Express 게시판 React 에서 mongo db 를 axios 로 get 하는 방법 문의드립니다 😢

React 에서 mongo db 를 axios 로 get 하는 방법 문의드립니다 😢

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #28709

    이원효
    참가자

     

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

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

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

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

    이 부분을 어떻게 짜야하는지 감이 안옵니다....😢

    post 를 이용하여 mongo db 컬렉션에는 데이터를 보내는것까지는 성공했는데 그것을 활용하는 방법을 자세히 알려주실수있나요?

    예를들어

    const getUser = async () => {
        try {
          const { data } = await axios.get('여기에 무슨 주소를 넣어야하는지 모르겠어요(get api를 만들줄 몰라서...)');
          console.log(data);
        } catch {}
      };

    #28723

    codingapple
    키 마스터

    app.get('/작명', function(요청, 응답){
      db.collection('post').find().toArray(function (err, result) {
        응답.send({ post: result });
      });
    })

    대충이러면 됩니다 이제 localhost:8080/작명 으로 get요청하면 됩니다 

    #28730

    이원효
    참가자

    아하 react-route-dom 을 사용하는 경우에도 방법은 똑같나요?

    적용시키고 했는데 

    이런식으로 받아와지네요..

    #28738

    이원효
    참가자

     

    이런식으로 짰습니다.근데 위에 사진처럼 내용이 안불러와지네요..

    #28740

    codingapple
    키 마스터

    app.use(express.json()); 상단에 추가하고

    응답.send() 말고 응답.json(result) 로 바꿔봅시다 

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠