본문 바로가기

전체보기101

[SpringBoot] 1. web project 만들기 최근에 SpringBoot에 대하여 공부하기 시작했고 한번쯤 정리가 필요하다고 생각해서 부트에 관련된 포스팅을 작성하려고 한다. 이전에 작성했던 포스팅과는 다르게 시리즈형태로 진행되는 포스팅으로 작성할 예정이라 스프링부트에 대하여 차근차근 알아보고자 하는 사람이라면 순서대로 포스팅을 따라가는 것을 추천하며 첫 포스팅은 프로젝트 생성을 주제로 이야기 할려고 한다. 프로젝트 생성 새로운 프로잭트를 생성한다. 프로젝트의 종류는 Spring Starter Project이다. Next버튼을 누른다. 나는 Gradle프로젝트로 했는데 Maven이 익숙한 사용자라면 메이븐으로 선택하고 진행하면 된다. 여기서는 필요한 라이브러리를 추가할 수 있다. 나중에 추가해도 되니 너무 심각하게 고민할 필요는 없다. Finish버.. 2020. 3. 20.
[Javascript] 화면, 현재위치, HTML요소(태그) 좌표구하기 자바스크립트를 사용하다 보면 좌표값이 필요한 경우가 있는데, 일반적으로 화면의 좌표값을 주로 사용하지만 간혹 html 태그별 좌표가 필요한 경우도 있고, 같은 화면의 좌표라 하더라도 절대값에 의한 좌표가 필요한 경우도 있을 것이고 반대로 상대적인 좌표가 필요한 경우도 있을 수가 있다. 물론 절대값, 상대값에 대한 구분은 html 태그들의 좌표를 구할때도 필요한건 당연하다. 그래서 오늘은 JavaScript를 이용하여 웹페이지 상의 좌표구하는 방법에 대하여 포스팅하고자 한다. 현재 브라우저에서 얼마나 스크롤해서 이동했는지 확인방법 var winX = window.pageXOffset; var winY = window.pageYOffset; 순수 자바스크립트로 작성했기 때문에 제이쿼리와 같은 별도의 라이브러.. 2020. 3. 1.
[CSS] input [type=text] 기본입력 한글로 세팅하기 웹페이지의 완성도를 위해서 input type text부분에 커서를 위치하고 키보드로 정보를 입력했을 때 기본적으로 한글이 입력되도록 해달라는 요청을 받았다. 결과를 먼저 이야기 하자면 여기저기서 많이 찾아본 결과 익스플로러에서는 css를 통해서 간단히 수정이 가능했지만 크롬에서의 방법은 없는 것을 잠정 결론을 내렸다 -_-;; 따라서 이 포스팅을 보는 사람들은 익스플로러라도 해당기능을 적용하고 싶다면 아래의 코드를 사용하면 되며 크롬에도 적용되는 방법을 찾고 싶다면 나를 믿고 포기하거나 다른곳에서 좀 더 정보를 찾아보길 바란다(혹시라도 방법을 찾으면 댓글로 남겨주었으면 좋겠다...) CSS코드 수정 input[type=text]{ -webkit-ime-mode:active; -moz-ime-mode:a.. 2020. 2. 9.
[Spring Security] 5. Mybatis를 이용하여 DB연동하기 지금까지 우리는 xml에 계정과 비밀번호를 직접 등록하여 사용했다. 하지만 우리가 상상하는 로그인은 이런게 아니라 DB속에 계정정보를 저장하여 유동적으로 사용하는 것을 꿈꾸었을 것이다. 이 포스팅에서는 드디어 스프링시큐리티와 DB를 연동하여 쿼리문을 통하여 계정정보를 조회하는 방법을 알아보도록 하겠다. Mybatis를 이용한 DB연동 여기서는 마이바티스를 이용한 DB연동은 기본적으로 할줄 안다고 가정을 하고 대하여 자세히 다루지 않겠다. 디비를 연동하게되면 dataSource라는 이름으로 빈객체를 생성하는데 이 bean객체를 이용하여 Spring Security와 연동을 하게 된다. 제 제목 내용작성 제목 내용작성 제목 내용작성 2020. 2. 8.
[Spring Security] 4. 로그아웃(logout) 구현하기 로그인이 있으면 당연히 로그아웃이 있는게 당연하다. 스프링시큐리티를 사용하지 않고 로그인 기능을 구현하게 되면 별도로 로그아웃 url을 통해 세션관리를 해주었는데 이러한 과정을 스프링시큐리티에서는 어떤식으로 구현하고 또 어떤 기능들이 있는지 살펴보는 내용을 알아보도록 하겠다. xml 설정 자세한 설명은 생략한다... logout-url : 로그아웃 URL logout-success-url : 로그아웃 성공시, 이동할 URL. (default: /login?logout) invalidate-session : 로그아웃 시, session을 무효화할 지 선택. (default: true) delete-cookies : 로그아웃 성공시, 삭제할 쿠키 이름 지정 success-handler-ref : 로그아웃 성.. 2020. 2. 7.
[Spring Security] 3. 내가만든 커스텀 로그인화면 사용하기 이제 슬슬 스프링시큐리티에 대하여 자신감이 붙기 시작했으리라 생각한다. 자신감이 생기면 내 마음대로 고쳐보고싶은게 생기기 마련인데 이 포스팅에서는 가장만만한 로그인화면부터 수정하는 방법에 대하여 알아보고자 한다. 로그인화면 만들기 Please sign in Username Password Sign in 기본으로 제공되어지는 스프링 시큐리티 로그인화면이다. 자세히 살펴보면 전송은 POST방식으로 URL은 /login으로 되어 있다. 그 외에 _csrf라고 적혀있는 토큰이 있는데 토큰에 대해서는 나중에 따로 이야기를 하도록 하고 지금은 그냥 넘어간다. 로그인 기존 스프링시큐리티의 로그인 화면을 이용하여 직접 만든 로그인페이지 이다. input태그의 name 값을 변경해도 되냐고 물어본다면 Okay다. 하지만.. 2020. 2. 7.
[Spring Security] 2. 권한설정 1편에서 Spring Security의 기본적인 설정 방법에 대하여 알아보았지만 말 그대로 기본적인 설정일뿐 현실적으로 사용하기에는 무리가 있다. 사실상 스프링시큐리티는 커스터마이징을 하지 않는다면 아무 의미가 없기 때문에 기본설정 이후에 각 기능에 대하여 적절한 튜닝절차를 거쳐야 하는데 스프링시큐리티 2번째 포스팅에서는 권한설정에 대하여 좀 더 자사하게 알아 볼려고 한다. 권한설정 기본설정 편에서는 url에 따른 접근권한을 한개만 설정했지만 이번에는 3가지로 나누어서 설정을 했다. 특이한점은 use-expressions 옵션의 값이 기본설정편에서 false였는데 true로 변경됬다는 점인데 이 값이 true가 된다면 SpEL문법을 사용한다는 의미이다. 예를 들어hasAnyRole이라던가 permitAl.. 2020. 2. 7.
[Spring Security] 1. 기본설정 하기 Spring Security를 주제를 여러회차로 나누어서 시리즈 형태로 포스팅을 시작할려고 합니다. 사실 기존의 AOP를 이용한 인증방식을 너무나도 잘 사용하고 있어서 굳이 스프링시큐리티를 따로 사용해야 하나 라는 생각이 있었는데 스프링시큐리티를 파보면서 느낀점은 첫번로 스프링시큐리티가 너무 좋다는 점이였고, 두번째로는 생각보다 많이 어렵구나(복잡하구나)라는 생각이였습니다. 그래서 결국 앞으로 스프링시큐리티를 애용해야 겠다는 생각과 함께 한개의 포스팅으로 정리할려고 했던 스프링시큐리티를 시리즈 형태로 나누어서 정리를 하기로 했습니다. 부디 이 포스팅이 스프링시큐리티를 공부하는 분들에게 많은 도움이 되었으면 하는 바램입니다. 추가적으로 이 포스팅의 방향을 설명하자면 최종적으로는 스프링시큐리티를 커스터마이징.. 2020. 2. 7.
[정규식] JavaScript에서 사용하는 정규 표현식 정규식은 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식언어 입니다. 좀 더 쉽게 설명하면 어떤 문자열이 있는데 이 문자열이 숫자로만 이루어져 있는지 혹은 전화번호처럼 000-0000-0000 형식으로 이루어 졌는지 등과 같이 문자열의 형태를 정의하는 표현식이라고 이해할 수 있습니다. 이런 정규식은 단순히 입력한 값의 유효성 체크뿐만 아니라 업무처리를 함에 있어서 많은 단순작업들을 자동화해주는 이점이 있는데 이 포스팅에서는 응용하는 방법보다는 기본적인 사용법에 대해서 집중적으로 알아볼 예정이며 사용환경은 JavaScript 입니다. 제목 내용작성 제목 내용작성 제목 내용작성 제목 내용작성 제목 내용작성 2020. 2. 7.

티스토리툴바