RATSENO

@EnableWebSecurity @EnableGlobalMethodSecurity(prePostEnabled = true, securedEnabled = true) public class SecurityConfig extends WebSecurityConfigurerAdapter { @Override protected void configure(HttpSecurity http) throws Exception { http.authorizeRequests() .requestMatchers(PathRequest.toStaticResources().atCommonLocations()).permitAll() .requestMatchers().hasAnyRole("ADMIN").antMatchers("/").pe..

Vite를 사용하여 시작 npm init vite-app hello-vue3 # 또는 yarn create vite-app hello-vue3 vue-cli를 사용하여 시작 npm install -g @vue/cli # 또는 yarn global add @vue/cli vue create hello-vue3 # select vue 3 preset

gradle 프로젝트를 로컬에 clone한 상태 Package Explore창에서 우클릭 => Import 클릭 Gradle => Existing Gradle Project 클릭 위에서 clone한 폴더로 선택 finish 클릭 하기전에 Gradle Project structer에 오류가 출력될수도 있다. 그를땐 Window => preferences => gradle 입력. Java home에 본인의 Java home을 셋팅해주고 다시 시도해보자.

서버 포트를 9001번으로 설정한 Spring boot application 하나가 있다. 같은 소스로 해당 어플리케이션을 여러개의 인스턴스로 띄우고 싶다(9002번, 9003번...) 1.Run 아이콘 옆에 화살표 클릭 2.Run Configurations 클릭 3. Spring Boot App 우클릭 4. New Configuration 클릭 5. 프로젝트 선택 6. Main Class 선택 7. Vm arguments에 -Dserver.port=XXXX(지정할 포트) 8. 원하는 인스턴스로 어플리케이션 실행

angular와 vue와 같은 프런트엔드 프레임워크에서 자주 보이는 디렉티브가 있습니다. 이제 나를 볼 수 있어요 저렇게 문자열로 되어있는 조건문을 그냥 js, jQuery를 이용해서 비슷하게 써보고 싶었습니다. 찾아보니 new Function() 생성자를 이용하여 구현할 수 있을 것 같아 사용해보았습니다. 테스트1 테스트2 테스트1 테스트2 data-expression="'테스트2'==='테스트1'" data속성으로 expression을 생성하고 값으로 조건식인 '테스트1'==='테스트1' 문자열을 적어주었습니다. 저 조건식이 실행하여 true일 때 false일 때 style을 변경해 보도록 하겠습니다. 테스트1 테스트2 정상적으로 조건문이 실행되었습니다. 하지만 보안상 문제가 생길 수도 있기 때문에,..

https://ratseno.tistory.com/manage/newpost/?type=post&returnURL=%2Fmanage%2Fposts%2F 위의 URL에서 ?(물음표)뒤에 key=value 형식으로 &로 구분되어 사용되는 Url Parameter를 사용하는 간단한 Util을 만들어보겠습니다. 폴더를 하나 새로 생성하고, test.js 파일을 생성하여 아래 내용을 작성합니다. window.UrlUtil = (function(util){ //Url Parameter Object 반환 //동일한 이름의 parameter는 value에 list로 반환 util.urlParameters = (function(){ var qPos = window.document.URL.indexOf('?'); var ..

List asisList = new ArrayList(); asisList.add(new Item(1L,"아이템1")); asisList.add(new Item(2L,"아이템2")); asisList.add(new Item(3L,"아이템3")); List tobeList = new ArrayList(); tobeList.add(new Item(1L,"아이템1")); tobeList.add(new Item(2L,"아이템2입니다."));//이름 변경 tobeList.add(new Item(3L,"아이템3입니다."));//이름 변경 tobeList.forEach(item1 -> { asisList.stream() .filter(item2-> item2.getId()==item1.getId()) .map(tem..

List asisList = new ArrayList(); asisList.add(new Item(1L,"아이템1")); asisList.add(new Item(2L,"아이템2")); asisList.add(new Item(5L,"아이템5")); List tobeList = new ArrayList(); tobeList.add(new Item(1L,"아이템1")); tobeList.add(new Item(2L,"아이템2")); tobeList.add(new Item(3L,"아이템3")); tobeList.add(new Item(4L,"아이템4")); //아이템3과, 아이템4과 나와야함 List addedItemList = new ArrayList(tobeList); addedItemList.removeI..

인증 방식 중의 하나인 토큰(JWT) 인증에 대해서 간단히 정리해보겠습니다. 아주 간단하게 JWT를 이용한 인증 프로세스에 대해서 정리하자면 1.username(ID), password를 로그인 API에 전달한다. 2. 서버에서는 username, password를 이용하여 해당 회원의 유효성 검증을 한다. 3. 유효한 username, password라면 서버 내 secretKey와 회원 정보를 이용한 JWT를 생성한다. 4. 생성된 JWT를 Client(사용자)에게 반환한다. 5. 사용자는 습득한 JWT를 이용하여 요청하고자 하는 API에 같이 포함하여 호출한다. 6. 서버에서는 API요청이 들어왔을 때 포함되어있는 JWT의 유효성을 검증한다. 7. 유효한 JWT라면 요청한 API에 대한 응답 값을 ..

docker run -d -p 3306:3306 --name docker-msyql -e MYSQL_ROOT_PASSWORD=password mysql:latest docker로 실행한 mysql 8.0대의 컨테이너에 DBeaver를 이용하여 접근할 경우 추가적인 설정이 필요합니다. autoReconnect=true useSSL=false allowPublicKeyRetrieval=true