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

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

var url = "/api?"; url += "pageNo=" + 1; url += "&pageSize=" + 10; 위의 방식처럼 노가다성 코딩 대신 jQuery의 jQuery.param() 함수를 이용하여 url parameter를 쉽게 생성하여 사용할 수 있습니다. var params = { name:"홍길동", title:"홍길동전" }; var str = jQuery.param( params ); var str2 = $.param( params ); console.log(str); console.log(str2); //name=%ED%99%8D%EA%B8%B8%EB%8F%99&title=%ED%99%8D%EA%B8%B8%EB%8F%99%EC%A0%84 //name=%ED%99%8D%EA%B8%..

위와 같은 코드가 작성되어 있을 때, 텍스트 인풋 영역에서 커서가 있는 상태에서 키보드 Enter를 치게 되면 submit이 일어나게 됩니다. 이를 방지하기 위한 간단한 방법을 두 가지 정리하겠습니다. 1. 태그 안에 onsubmit="return false"을 작성하여 submit 방지 2.Enter keydown 이벤트 사용하여 방지 document.addEventListener('keydown', function(event) { if (event.keyCode === 13) { event.preventDefault(); }; }, true);