본문 바로가기

자바의 봄(Spring)62

SpringBoot-Movie-Thymeleaf-Project - 4 1. 타임리프에서 회원가입 요청 날리기 위와 같은 코드로 User를 날렸을때 회원가입이 진행된 후 index.html로 이동하도록 했다. 넣어서 날렸는데 객체에 안담겨져 있다. 아래 유저 객체를 보면 전부 다 Null 값으로 나온다. 개발자 도구를 보면 302 에러가 발생한다. 302 에러는 찾아보니 아래와 같이 나온다. - 302 리다이렉트는 웹 페이지의 URL이 일시적으로 다른 위치로 이동되었음을 나타내는 HTTP 상태 코드입니다. - 어쨌든 화면도 안넘어가고 하니 Thymeleaf에서 Redirect 하는 것과 관련해서 조금 더 찾아보았다. 혹시 return 하는 방식이 Thymeleaf 3.1로 넘어오면서 바뀐 것은 아닌가 싶었는데 아래와 같이 나왔다. Return 값이 ModelAndView로 .. 2024. 3. 20.
Cross Site Origin 에러 해결하기 ( has been blocked by CORS policy: ) 프로젝트에 쓰기 위해서 Vue js 공부하던 중에 axios로 post 요청을 날렸는데 해당 에러가 발생하였다. 이 문제의 해결 방법은 2가지가 존재한다. 1. 스프링부트에서 해결하기 WebMvcConfigurer 에서 addCorsMappings 메소드를 오버라이딩 해서 사용해주면 된다. 사용법은 컨트롤러에 어노테이션을 붙이면 된다고 나와있다. @CrossOrigin이라는 어노테이션이다. 위와 같이 작성하면 localhost:8080 포트에서 나오는 모든 요청을 CORS 예외 처리를 받을 수 있다. 2. Vue js의 vite.config.js에서 proxy 설정을 통해서 해결할 수 있다. 2024. 3. 19.
SpringBoot-Movie-Thymeleaf-Project - 3 ### Day 2~4 24-03-17 1. local에서는 정상적으로 출력되지만 배포 시 출력이 되지 않는 문제 발생하여 롤백 하고 처음부터 다시 만들면서 수정 2. 테이블 형식으로 데이터 나오도록 수정 3. navbar 색상 변경 2024. 3. 17.
SpringBoot-Movie-Thymeleaf-Project - 1 스프링 부트와 Thymeleaf를 이용한 프로젝트를 해보려고 한다. 우선 사용할 API는 TMDB api 이다 . @Test public void apiTest() { RestTemplate rt = new RestTemplate(); ResponseEntity entity = rt.getForEntity("https://api.themoviedb.org/3/tv/popular?language=en-US&page=1&api_key=" + apikey, String.class); String body = entity.getBody(); System.out.println(body); } 해당 코드를 돌리면 아래와 같이 값을 정상적으로 받아올 수 있는 것을 알 수 있다. @Data public class Ap.. 2024. 3. 13.