[NodeJS + React] 서버에 데이터 요청해보기

이제 서버에 데이터를 요청을 해보려고 한다
클라이언트단은 3000번 포트
서버단은 5000번 포트를 기본으로 사용한다.
클라이언트와 서버 백엔드 서버 모두 켜주자

LandingPage.js

import React, { useEffect } from "react";
import axios from "axios";
const LandingPage = () => {
  useEffect(() => {
    axios.get("api/test").then((res) => {
      console.log(res);
    });
  }, []);
  return <div>LandingPage</div>;
};

export default LandingPage;

sever/index.js

app.get("/api/test", (req, res) => {
  res.send("안녕하세요~");
});

성공적으로 값을 받아온다
지금은 proxy 설정을 했지만
proxy를 별도로 설정하지 않으면 값을 받아오지 못한다

-proxy란 무엇일까?

 프록시(Proxy)는 "대리"의 의미로, 인터넷과 관련해서 쓰이는 경우, 특히 내부 네트워크에서 인터넷 접속을 할 때에, 빠른 액세스나 안전한 통신등을 확보하기 위한 중계서버를 "프록시 서버"라고 일컫는다. 클라이언트와 Web서버의 중간에 위치하고 있어, 대신 통신을 받아 주는 것이 프록시 서버이다. 
출처: https://engineer-mole.tistory.com/288 [매일 꾸준히, 더 깊이:티스토리]

중계기 역할 같은것이라고 생각을 하면 될것같다
웹서버 쪽은 프록시 서버의 로그가 남는다고 한다.

ReactProxy 를 설정해보자

프록시서버 설정법이다.