nodeJS 없이 React만으로 fetch로 API를 받아오는 중 cors문제가 발생했다. 이를 해결하기 위해서는 다음과 같이 작성하여 fetch를 받아오자 const proxyurl = "https://cors-anywhere.herokuapp.com/"; const url = "API 주소"; fetch(proxyurl + url) .then(response => response.json()) .then(contents => setStatsInfo({stats:contents})) .catch(() => console.log("stats 데이터를 가져오는데 실패했습니다.")) }

자바스크립트에서 세션을 관리하기 위해 sessionstore를 사용 할 수 있다. 이를 사용하여 react에서도 세션 관리가 가능하다. sessionStorage.setItem("domain", "webisfree.com"); // domain이란 키(key) 값을 사용하여 해당 텍스트를 저장함 sessionStorage.getItem("domain"); // 키에 저장된 값을 반환. 여기서는 webisfree.com 출력됨 sessionStorage.removeItem("domain"); // domain 키와 데이터 모두 삭제 sessionStorage.clear(); // 저장된 모든 값 삭제

functional component에서 onclick을 사용하면 로딩시 자동 호출이 되는 에러가 발생했다. onClick={()=> logout()} 위와 같이 함수 형태로 작성하는 것을 잊지 말자

Spring에도 jsp와 마찬가지로 요청방식 중 get,post를 가장 많이 사용한다. spring에서는 조금 더 엄격하게 전송의 관리가 이루어진다. 바로 controller에서 미리 어떤 전송으로 받을지 정해두는 것이다. 아래와 같은 index.jsp를 만든다. test1 test1 test2 test2 그리고 controller 메소드를 다음과 같이 작성한다. @Controller public class MappingController { @RequestMapping(value="/test1",method = RequestMethod.GET) public String test1() { return "test1"; } @RequestMapping(value="/test2",method = Request..

지난번에 세팅한 Spring에서 아래와 같이 a링크를 통해서 페이지를 이동하면 오류가 난다. test1 지난번 세팅에서 / 는 Controller에서 mapping을 해주었지만 새로만든 test1는 매핑이 되어있지 않아서 나타나는 오류이다. 이 문제를 해결하기 위해 우리는 페이지 이동에 대한 mapping을 컨트롤러에서 해줘야 한다. @Controller public class MappingController { @RequestMapping(value="/test1",method = RequestMethod.GET) public String test1() { return "test1"; } @RequestMapping(value="/test2",method = RequestMethod.GET) publi..

react 와 Express Js를 연동하여 페이지를 개발 중 axios get으로 DB의 정보를 가져왔다. DB select에서 원하는 정보를 가져오기 위해서는 정보를 넘기면서 get을 해야한다. 이때 사용하는 것이 params다 const res = await axios.get('http://localhost:4000/get/data',{ params:{Userid:userid} }); 위와 같이 주소로 axios로 get 호출을 보내면서 params를 통해 값을 보낸다.(params는 원하는 값을 사용해도 된다.) 이 값은 서버단에서 request.query 로 받아 올 수 있다.