우주의 기운을 받은 사과

AWS EC2(Instance, Elastic IP, Security Group, Load Balancer, Target Group), IAM, S3 Bucket, CodeDeploy, Route53, ACM + GitHub Actions를 이용하여 Spring Boot 프로젝트를 AWS에 자동 배포 및 HTTPS 통신을 하려고 합니다. 제가 했던 자동 배포 과정을 담고 있는 글이니 처음 글부터 하나하나 차근차근 봐주시면 감사하겠습니다. 2023.04.03 - [AWS] - [Spring Boot] AWS CodeDeploy + GitHub Actios 자동 배포 및 HTTPS 통신 - EC2편 2023.04.03 - [AWS] - [Spring Boot] AWS CodeDeploy + GitHub Ac..

AWS EC2(Instance, Elastic IP, Security Group, Load Balancer, Target Group), IAM, S3 Bucket, CodeDeploy, Route53, ACM + GitHub Actions를 이용하여 Spring Boot 프로젝트를 AWS에 자동 배포 및 HTTPS 통신을 하려고 합니다. 제가 했던 자동 배포 과정을 담고 있는 글이니 처음 글부터 하나하나 차근차근 봐주시면 감사하겠습니다. 2023.04.03 - [AWS] - [Spring Boot] AWS CodeDeploy + GitHub Actios 자동 배포 및 HTTPS 통신 - EC2편 2023.04.03 - [AWS] - [Spring Boot] AWS CodeDeploy + GitHub Ac..

AWS EC2(Instance, Elastic IP, Security Group, Load Balancer, Target Group), IAM, S3 Bucket, CodeDeploy, Route53, ACM + GitHub Actions를 이용하여 Spring Boot 프로젝트를 AWS에 자동 배포 및 HTTPS 통신을 하려고 합니다. 제가 했던 자동 배포 과정을 담고 있는 글이니 처음 글부터 하나하나 차근차근 봐주시면 감사하겠습니다. 배포 과정 2023.04.03 - [AWS] - [Spring Boot] AWS CodeDeploy + GitHub Actios 자동 배포 및 HTTPS 통신 - EC2편 2023.04.03 - [AWS] - [Spring Boot] AWS CodeDeploy + Git..

Request URL: https://우리-도메인.com/login/oauth2/callback/kakao?code=KuIko702@@@@@@@@@@@@@@@@@@@@@@@@ Request Method: OPTIONS Status Code: 502 Referrer Policy: strict-origin-when-cross-origin 카카오 소셜 로그인을 진행하다가 502 에러를 만났다. 뭐 이리저리 꿍시렁 꿍시렁 하면서 오류 메세지가 나타났는데 strict-origin-when-cross-origin 이러길래 또 CORS 오류인가 싶었지만 내가 Redirect URI를 잘못 지정해 두고 사용하고 있어서 발생했다. 502 에러는 일반적으로 게이트웨이 오류를 나타내며, 서버가 클라이언트의 요청을 처리할 수..

리액트에서 서버로 데이터를 전달할 때, 주로 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 문제인 것을 알았다.. 삽질은 나를 풀스택 개발자로의 성장을 촉진시킨다..

카카오 소셜 로그인을 진행하면서 JWT를 다루게 되었습니다. Spring Security와 함께 JWT를 이용하다 보니 조금 복잡한 면도 있고, JWT 자체가 무엇이며, 왜 사용하는지에 대한 의문이 들었습니다. 그래서 JWT에 대해서 적어보려고 합니다. JWT란? JWT는 Json Web Token의 약자로, 일반적으로 클라이언트와 서버 사이에 통신할 때 권한 인증을 위해 사용하는 토큰입니다. JSON 형식의 토큰에 대한 표준 규격이며, 주로 사용자의 인증(authentication) 또는 인가(authorization) 정보를 서버와 클라이언트 간에 안전하게 주고받기 위해서 사용됩니다. JWT 토큰은 웹에서 보통 Authorization HTTP 헤더를 Bearer 으로 설정하여 클라이언트에서 서버로 ..

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..