개요토이프로젝트를 진행하던 도중에 스프링 시큐리티를 설정하고 나서, 로그인 인증을 마쳤는데도 403 Forbidden 에러가 계속해서 발생하였습니다. 에러가 발생하는 시점이 GET 요청은 무리없이 잘 되는데, POST 요청으로 보내면 이상하게 403 에러가 나는데 이유를 모르겠습니다.SecurityConfig를 살펴보자아래는 기존 시큐리티 설정 코드입니다.@Overrideprotected void configure(HttpSecurity http) throws Exception { http .authorizeRequests() .antMatchers("/").authenticated() .antMa..
안녕하세요, 이번에는 javaScript에서 input 태그에 enter 키가 눌렸을 때 처리할 keydown 이벤트를 추가하는 방법과, 중복 이벤트 발생을 방지하는 방법에 대해서 알아보겠습니다. html 코드 : js 코드 : $(function() { // .... 생략 var keydown = false; // 중복 발생 방지하기 위한 변수 const $input = document.getElementById('input-title');// id값으로 htmlElement 찾기 // 해당 element에 addEventListener 추가 $input.addEventListener('keydown', function (e) { if (keydown) return;// keydown을 했다면 종료. ..
저번 시간에는 직접 컨트롤러에서 요청을 구현하여서 OAuth2 인증을 처리해봤습니다. 이번 시간에는 OAuth2-client 라이브러리를 이용해서, 소셜 로그인 API를 구현해보도록 하겠습니다. 개발 환경 IntelliJ IDEA Spring Boot 2.4.4 Java 11 Spring JPA Maven 3.6.3 Maven 의존성 추가 spring-boot-starter-oauth2-client라는 라이브러리는 구글,페이스북 같은 로그인을 통한 인증과 권한 처리를 쉽게 할 수 있게 해준다. org.springframework.boot spring-boot-starter-security org.springframework.boot spring-boot-starter-oauth2-client spring..
이번에는 네이버 아이디로 로그인(네아로) 를 구현해보도록 하겠습니다. 참고 : 구글 계정으로 로그인은 여기를 참조하시기 바랍니다. 카카오 계정으로 로그인은 여기를 참조하시기 바랍니다. 소셜 로그인을 하기위해 필요한 API 키 발급은 여기를 참조하시기 바랍니다. 1. 네아로 연동 URL 요청 아래처럼 원하는 태그의 요청 URL을 완성 시켜서 넣어주도록 합니다. (state는 원래 계속 랜덤으로 생성해주어야 하는데, 여기서는 테스트를 위해 "state"라는 값으로 하겠습니다.) 네이버로 로그인 하기 2. Redirect URI 처리하는 컨트롤러 생성 저는 애플리케이션에서 Redirect URI를 "/login/oauth/code/naver"로 설정했습니다. @Controller @RequestMapping(..
이번 시간에는 구글계정으로 로그인 기능을 구현해보겠습니다. 참고 : 네이버 계정으로 로그인은 여기를 참조하시기 바랍니다. 카카오 계정으로 로그인은 여기를 참조하시기 바랍니다. 소셜 로그인을 하기위해 필요한 API 키 발급은 여기를 참조하시기 바랍니다. 1. 인증 코드 받기 원하는 태그에 링크를 추가해줍니다. 구글 로그인 해당 태그를 클릭하게 되면, 구글 리소스 서버로 요청을 보내게 되고, 우리가 설정한 리다이렉션 URI로 코드를 받을 수 있습니다. 링크를 확인해보면, 아래와 같이 쿼리 스트링 파라미터에 code값이 담겨있을 것입니다. http://localhost:8080/login/oauth2/code/google?code=4%2F0AY0e-g6cMCFbgwTV.........AFZl50QB77171E..
이번 시간에는 카카오 계정으로 로그인하는 방법에 대해서 알아보겠습니다. :D 참고 : 구글 계정으로 로그인은 여기를 참조하시기 바랍니다. 네이버 계정으로 로그인은 여기를 참조하시기 바랍니다. 소셜 로그인을 하기위해 필요한 API 키 발급은 여기를 참조하시기 바랍니다. 카카오 로그인 버튼 구현하기 일단 카카오에서 제공하는 로그인 버튼을 받아서 사용하겠습니다. 이미지를 다운 받았으면, 이제 버튼에 링크를 달면 됩니다. Request 요청 링크 {REST_API_KEY} 부분에는 앱 생성 시 발급받은 REST API 키를 넣어주면 되고, 나머지도 아래 표를 보고 알맞게 넣어주면 된다. URL을 아까 받은 이미지와 함께 넣어줍니다. (발급 받으신 client_id랑 uri는 직접 넣으셔야합니다.) 그리고 실행해..
