분류 전체보기
-
Spring Security 적용 후 403 에러... 그리고 "http.csrf.disable()" deprecatedDEV/spring 2024. 2. 19. 18:17
Spring framework security 적용 후 api 호출에서 403에러가 발생하였다. WebSecurityConfig를 작성하여 해당 에러를 해결하자. 참고로 "http.csrf.disable()"는 deprecated가 뜰 것이다. "http.csrf(AbstractHttpConfigurer::disable)"로 변경하여 사용하자. WebSecurityConfig.java package com.ssg.demo.v2.ssgdemov2; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.securi..
-
Spring boot + React 시작하기 4 (비밀번호 암호화하여 DB에 적재하기 Spring Security)DEV/spring 2024. 2. 19. 18:12
이 전에 작성한 코드의 경우 유저(client)에게 받아온 password를 그대로 database에 저장했다. 당연하게도 비밀번호를 그대로 저장하는 서비스는 존재하지 않는다. Springframework의 security를 이용하여 client로 부터 받아온 password를 암호화하여 db에 저장하도록 수정해 보자. 이 전 시리즈를 보지 않았다면 그 전 코드를 참고하자. (해당 게시물 최하단에 링크를 걸어두었다.) 해당 환경에 대한 정보는해당 시리즈 1편[1]을 참고하자. 환경 : Mac OS, JDK17, Gradle, Spring 3.2.2 1. 의존성 주입 SpringFramework의 Security를 사용하기 위해 의존성을 주입하자. (gradle에 security를 추가하고 Gradle..
-
React Component 가변적으로 생성/추가하기, 제거하기 (Alert 가변 생성 예시 포함)DEV/react 2024. 2. 19. 11:00
* 컴포넌트 동적으로 생성/추가(가변적으로 생성)하는 코드만 필요한 경우 앞 Alert 코드는 넘어가도록 하자. 회원가입 및 로그인 기능을 구현하다 보니 로그인, 회원가입에 대한 Alert이 필요했다. (성공, 실패 여부. 에러 및 실패에 대한 사유 등 알림을 띄워주기 위해 필요.) Alert Component를 하나 만들고 로그인 및 회원가입 API Response에 따라 Alert을 가변적으로 생성하려고 한다. 우선 Alert 코드를 다음과 같이 생성하였다. Alert.js import style from '../../style/component/Alert.module.css' import React, { useRef, useEffect } from 'react'; /** * [Alert] * @pa..
-
React Javascript 키 입력 이벤트 "onKeyPress is deprecated..." onKeyDown, onKeyUp을 쓰자.DEV/react 2024. 2. 16. 10:51
Javascript나 React에서 현 시점에서 onKeyPress를 쓰면 onKeyPress 와 같이 표출되면서 "onKeyPress is deprecated" 경고문이 발생한다. "나중에 지원 안할꺼니까 쓰지 마셈" 경고문이다. (사실 아직은 좀 많이 남았지만...) 아무튼 당장 사용에 문제는 없지만 onKeyDown이나 onKeyUp와 같은 이벤트를 사용하여 작성하자. // ...생략 const enterKeyEvent = (e) => { if(e.key === 'Enter') { // ... 이벤트 동작 } } // (React input)...생략 onKeyDown={enterKeyEvent}
-
Spring boot + React 시작하기 3 (로그인 및 회원가입, 회원 관리 만들기) - 로그인 + 토큰생성DEV/spring 2024. 2. 13. 14:23
1. Spring boot + React 시작하기 1 (로그인 및 회원가입, 회원 관리 만들기) - 기본설정 https://seokbong.tistory.com/246 Spring boot + React 시작하기 1 (로그인 및 회원가입, 회원 관리 만들기) - 기본설정 연습용 프로젝트를 생성하면서 Sample로 진행 내역을 남겨봄 연습용 프로젝트는 Spring boot + React로 로그인 / 회원가입 및 회원관리 페이지를 만들어 보려고 한다. 개발 환경은 M1 Mac Os, Spring boot, Reac seokbong.tistory.com 2. Spring boot + React 시작하기 2 (로그인 및 회원가입, 회원 관리 만들기) - 회원 가입 https://seokbong.tistory.c..