우주의 기운을 받은 사과

리액트에서 서버로 데이터를 전달할 때, 주로 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..

잘 되던게 왜 안되는거냐.. 어제 했던건데 오늘은 왜 안되는데? 라는 생각이 든다면... 읽어주세요... 하... 너무 간단한 에러였다... 일단 결론부터 말해서 이러한 에러가 뜬다면... 아래 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 문제인 것을 알았다.. 삽질은 나를 풀스택 개발자로의 성장을 촉진시킨다..

[SpringBoot + React] 카카오 소셜 로그인 REST API 방식 구현 - 3. 카카오 소셜 로그인 구현 💡 목차 1. 카카오 소셜 로그인 사전 준비사항 2. 카카오 소셜 로그인 구조 분석 3. 구현 단계 글을 읽기 앞서 저는 React와 SpringBoot를 이용하여 카카오 소셜 로그인을 구현하는 과정을 담았습니다. SpringBoot에서만 카카오 소셜 로그인을 수행하는 과정을 필요로 하신다면 제 글을 읽으실 필요는 없습니다. 프론트와 서버와의 일렬의 동작 과정을 보시고자 하신다면 첫 글부터 하나하나 읽어 주시면 감사하겠습니다. ⚠️ 참고로 저는 백엔드 쪽 작업을 담당하고 있어 백엔드 위주의 설명을 진행할 예정입니다. 프론트의 설명을 보고 싶다면 👀 프론트 (React 엿보고 오기) 프론트..

[SpringBoot + React] 카카오 소셜 로그인 REST API 방식 구현 - 2. 카카오 소셜 로그인 구조 분석 💡 목차 1. 카카오 소셜 로그인 사전 준비사항 2. 카카오 소셜 로그인 구조 분석 3. 구현 단계 글을 읽기 앞서 저는 React와 SpringBoot를 이용하여 카카오 소셜 로그인을 구현하는 과정을 담았습니다. SpringBoot에서만 카카오 소셜 로그인을 수행하는 과정을 필요로 하신다면 제 글을 읽으실 필요는 없습니다. 프론트와 서버와의 일렬의 동작 과정을 보시고자 하신다면 첫 글부터 하나하나 읽어 주시면 감사하겠습니다. ⚠️ 참고로 저는 백엔드 쪽 작업을 담당하고 있어 백엔드 위주의 설명을 진행할 예정입니다. 프론트의 설명을 보고 싶다면 👀 프론트 (React 엿보고 오기) ..

[SpringBoot + React] 카카오 소셜 로그인 REST API 방식 구현 - 1. 카카오 소셜 로그인 사전 준비사항 💡 목차 1. 카카오 소셜 로그인 사전 준비사항 2. 카카오 소셜 로그인 구조 분석 3. 구현 단계 글을 읽기 앞서 저는 React와 SpringBoot를 이용하여 카카오 소셜 로그인을 구현하는 과정을 담았습니다. SpringBoot에서만 카카오 소셜 로그인을 수행하는 과정을 필요로 하신다면 제 글을 읽으실 필요는 없습니다. 프론트와 서버와의 일렬의 동작 과정을 보시고자 하신다면 첫 글부터 하나하나 읽어 주시면 감사하겠습니다. ⚠️ 참고로 저는 백엔드 쪽 작업을 담당하고 있어 백엔드 위주의 설명을 진행할 예정입니다. 프론트의 설명을 보고싶다면 👀 프론트 (React 엿보고 오기)..