본문 바로가기

SpringMVC26

[Vue.js] 로그인 성공 시, localStorage를 이용하여 사용자 아이디가 메인화면에 보이도록 설정하기! 로그인까지 만들었다.사용자가 로그인을 하게되면메인화면에 사용자 아이디가 보이도록설정해보자! [ 로그인 만들기 ]블로그에 적었던 vue코드가 조금 바뀌었습니다 [SpringBoot, Vue.js] 로그인 화면 만들기, passwordEncoder.matches를 통해 암호화된 비밀번호 비교하기.회원가입까지 만들었다.이제 회원가입한 아이디와 비밀번호로로그인을 해보자! [ 회원가입 1편 + 2편 ] [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 1편 : dto 만들고 이름, 패스워드, 전화post-this.tistory.com ※이 코드는 그냥 연습용으로 겉모습만 로그인 된 것처럼 만든 것입니다.그렇기에 실제로 로그인된 화면이라고 보긴 어렵습니다.만약 제대로.. 2025. 9. 2.

[SpringBoot, Vue.js] 로그인 화면 만들기, passwordEncoder.matches를 통해 암호화된 비밀번호 비교하기. 회원가입까지 만들었다.이제 회원가입한 아이디와 비밀번호로로그인을 해보자! [ 회원가입 1편 + 2편 ] [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 1편 : dto 만들고 이름, 패스워드, 전화번호 패대부분의 웹사이트는회원가입과 로그인 기능을 가진다.그 중 회원가입 기능을 만들어보자! 1. 화면 동작과 전체코드회원가입 영상 회원가입 중복 디렉토리와 클래스 Vue와 Spring을 연결해주는 dtopost-this.tistory.com [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 2편 : 아이디, 이메일 중복체크 만들기.이름, 비밀번호, 전화번호를패턴 체크를 했었다.이번에는 아이디와 이메일을중복 체크 해보자! [ 회원.. 2025. 8. 31.

[SpringSecurity] Vue와 Spring의 서로 다른 도메인 문제 해결하기.(CORS 에러 해결하기) vue와 spring은서로 다른 도메인을 가져 생기는CORS 에러를 해결해보자. 1. 문제 살피기 현재 프로젝트는 Vue로 프론트를 맡고 있고, Spring으로 백엔드를 맡고 있다. Vue에서 회원가입에 관련된 정보를 입력한 후 버튼을 눌러도 Spring엔 어떤 데이터도 도착하지 않았다. 왜 그런걸까? Vue는 http://localhost:5173/를 기본 주소로 사용하고 Spring은 http://localhost:8080/을 기본 주소로 사용한다. Spring은 기본적으로 다른 도메인에서 온 요청을 거부하기 때문에, Vue에서 온 요청이 제대로 처리되지 않는다. 제대로 처리하기 위해 Spring 내부에 설정을 추가해야한다. 2. 코드 살피기@CrossOrigin + http.c.. 2025. 8. 30.

[SpringSecurity] @EnableWebSecurity, SecurityFilterChain 개념과 예시 @EnableWebSecurity는언제 쓰는걸까? @EnableWebSecurity어노테이션을 등록하여 스프링 시큐리티를 활성화하고 웹 보안 설정을 구성하는데 사용한다.즉, 등록하면 보안과 관련된 빈을 사용할 수 있게 된다.@EnableWebSercurity는 자동으로 스프링 시큐리티 필터 체인을 생성하고 웹 보안을 활성화한다.보통 @Configuration과 함께 사용한다.예전에는 WebSecurityConfigurerAdapter와 @EnableWebSecurity 조합이 기본이었다.지금은 WebSecurityconfigurerAdapter를 쓰지 않게되면서 SecurityFilterChain 빈을 직접 등록하는 방식이 표준이 되었다. SecurityFilterChain실제 보안 규칙(인가/.. 2025. 8. 28.

[Spring] @RequestMapping이란? @RequestMapping언제 쓰는걸까? @RequestMapping컨트롤러 단에서 사용되며, DispatcherServlet이 컨트롤러 파일을 찾고 논리적 주소가 매핑된 메서드를 찾기 위해서 @Controller와 @RequsetMapping을 작성한다.들어온 요청을 특정 메서드와 매핑하기 위해 사용한다.@RequestMapping에서 가장 많이 사용하는 부분은 value와 method이다.value는 요청 받을 url을 설정하고, method는 어떤 요청을 받을지 정의(GET,POST, PUT 등)한다. @RequestMapping 코드 예시@RequestMapping 클래스 레벨에서 요청@RestController@RequestMapping(value = "/hello", met.. 2025. 8. 20.

[Spring] CORS와 SOP의 의미, @CrossOrigin와 WebMvcConfigurer 코드 예시 프론트와 백엔드를따로 작성할 때,@CrossOrigin을 붙였다. @CrossOriginCORS를 스프링을 통해 설정할 수 있는 기능이다.모든 도메인과 모든 요청방식에 대해 하용한다는 의미를 가진다.스프링 4.2부터 지원한다. CORS서로 다른 도메인에서 리소스를 공유하는 방식웹 페이지의 제한된 자원을 외부 도메인에서 접근을 허용해주는 매커니즘처음 전송되는 리소스의 도메인과 다른 도메인으로부터 리소스가 요청될 경우 해당 리소스는 cross-origin HTTP 요청한다.Same Origin Policy와 반대되는 개념예시로, 다른 집에서 내 집에 있는 금고(데이터)를 사용할 수 있도록 집주인(서버)이 허가증(특정 응답 헤더)을 써주면 가능하다. SOPSame Origin Policy의 약자이며.. 2025. 8. 19.

이전 1 2 3 4 5 다음

티스토리툴바