본문 바로가기

분류 전체보기129

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 - 2 # Day2 1. Table 형식으로 데이터 표시 조정 2. Pagination 처리를 위해서 RequestParam으로 int PageNum 코드 추가 및 Thymeleaf에서 처리할 수 있도록 pageNum 정보를 넘겨준다. 3. RequestParam의 PageNum 이 0일 경우 페이지를 찾을 수 없으므로 number + 1로 보정 @Controller public class MainController { @Autowired private movieServiceImpl movieService; private String address = "https://image.tmdb.org/t/p/w500"; @GetMapping("/v1/popular") public String getPopular(Mod.. 2024. 3. 14.