우주의 기운을 받은 사과

리액트에서 서버로 데이터를 전달할 때, 주로 HTTP 요청을 사용합니다. 이때 서버로 전달되는 데이터는 문자열 형태로 전송됩니다. 그렇기 때문에, 정수를 서버로 전달하려면 문자열로 변환해서 전송해야 합니다. React에서의 값 전달 const id = 123; const strId = id.toString(); // 정수를 문자열로 변환 axios.post('/api/endpoint', { id: strId }); // axios 라이브러리를 사용하여 HTTP 요청 보내기 서버 Spring Boot에서 값 받기 @Controller public ResponseEntity getId(HttpServletRequest request) { Long id = Integer.parseInt(request.getP..

Error: Could not find or load main class org.gradle.wrapper.GradleWrapperMain Caused by: java.lang.ClassNotFoundException: org.gradle.wrapper.GradleWrapperMain Error: Process completed with exit code 1. Spring Boot(스프링부트)로 Build 하거나 자동 배포를 구축할 때 위와 같은 에러를 만날 수 있다. 해결 방법은 생각보다 간단하다. 스프링부트 프로젝트 gradle 디렉토리 내에 gradle-warpper.jar 파일이 있는지 확인해 보면 된다. 나는 GitHub Actions를 통해 자동 배포를 구축하다가 GitHub에 gradle-w..

잘 되던게 왜 안되는거냐.. 어제 했던건데 오늘은 왜 안되는데? 라는 생각이 든다면... 읽어주세요... 하... 너무 간단한 에러였다... 일단 결론부터 말해서 이러한 에러가 뜬다면... 아래 4가지 방법을 수행해 보자. 1. Chrome 쿠키, 캐시 데이터 삭제 2. Spring Boot의 application.yml 파일과 WebConfig의 CORS 허용 URL 확인하기 3. React의 package.json의 proxy 확인하기 4. 배포용 Branch가 아닌 개발 Branch인지 확인하기 4가지 방법 중 1개만 해도 해결되는 문제인 것 같다. 나는 1, 2, 4번을 했지만 계속 안되길래 뭐지 하다가 프론트 쪽의 proxy 문제인 것을 알았다.. 삽질은 나를 풀스택 개발자로의 성장을 촉진시킨다..

Request(요청), Response(응답) 프론트와 백엔드가 HTTP 통신을 하며 데이터를 전달할 때 대부분 JSON 형식으로 전달을 하게 된다. 주로 응답(response)의 내용으로는 Http Header, Http Body(status code, message, data) 가 있다. Http Header에는 ContentType, Authorization 등 필요한 정보가 포함되어 있어야 하고, Http Body는 프론트나 서버에서 서로 전송할 데이터의 내용(값)들을 포함하게 된다. Http Header와 Http Body를 하나씩 만들어 전송을 해도 되지만, 백엔드에서 요청에 대한 응답으로 조금 더 쉽고 간편하게 할 수 있는 방법이 ResponseEntity를 사용하는 것이다. 지금부터 Res..

MBTI 테스트 프로젝트를 만들면서 React와 REST API를 이용해 데이터를 전송하고 전달받았습니다. 그러던 중 React에서 보내주는 데이터를 Spring Boot에서 받는 방법에는 여러가지가 있어서 제가 작업하며 사용했던 방식을 하나씩 적어보려고 합니다. Controller 첫 번째 방법은 HttpServletRequest 를 이용해 프론트에서 전달하는 URL 파라미터에 담긴 값을 꺼내오는 방법입니다. HttpServletRequest의 request에는 URL 파라미터가 담겨있습니다. 지금 작성하는 페이지의 URL을 보면 '?'뒤에 나오는 것이 URL 파라미터 입니다. (key, value 형태) https://jonguk.tistory.com/manage/newpost/?type=post&r..