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

home2 게시판 Node.js, Express 게시판 리액트와의 연결

리액트와의 연결

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

    이종열
    참가자
    리액트와 연결할 때, 리액트파일을 build 한 다음 , 리액트 파일을 nodejs파일 에 옮겨서 연결해 사용하라고 알려 주셨습니다. ( 아래 코드 )
    
    app.use(express.static(path.join(__dirname, "test-react/build")));
    app.get("/", (req, res) => {
     res.sendFile(path.join(__dirname, "test-react/build/index.html"));
    });
    만약 build를 하지 않았을 경우에는 어떻게 연결해서 테스트 하며 개발을 할 수 있을까요?
    react를 만들면서 테스트 하고 싶어 이러게 했는데, 흰색 빈 화면만 나옵니다..;; 
    スクリーンショット 2024-01-03 23.23.36
    
    #108826

    codingapple
    키 마스터
    서버띄워놓고 
    리액트도 npm start 띄워놓고 
    리액트에서 ajax 요청으로 서버와 통신하면 됩니다
    #109169

    이종열
    참가자
    スクリーンショット 2024-01-06 12.54.12
    그럼, 빌드하기전 계속 테스트 하면서 개발을 하는 과정에서는
    app.get("/datas", (req, res) => {
    let datas = { name: "ichiban", age: 31, gender: "man", location: ":tokyo" };
    res.json(datas);
    });
    이런식으로 요청 양쪽 다 서버띄워 놓고, 요청만 주고 받고 하면 되는건가요??
     
    #109177

    codingapple
    키 마스터
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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