'로그인' 태그의 글 목록
my code archive
article thumbnail
[스프링부트 블로그 만들기] 비밀번호 해쉬화(암호화), 스프링 시큐리티 로그인 구현하기

🤍스프링 시큐리티 구현하기 스프링 시큐리티는 스프링 기반의 애플리케이션(인증, 권한, 인가 등)을 담당하는 스프링 하위 프레임워크임. 1. 인증이 안 된 사용자들이 출입할 수 있는 /auth/ 경로를 UserController에 추가해 준다. 2. 요청이 들어왔을 때 인증이 필요한지, 필요하지 않은지 구분하는 시큐리티 필터를 등록하는 SecurityConfig 클래스 생성 3. 설정 후 localhost:8080 주소로 접근하면 아래와 같은 화면이 뜨지만 4. 인증없이 접근할 수 있도록 설정해놓은 /auth/ 주소로 접속하면 페이지가 잘 뜨는 것을 확인할 수 있다. 5. 기존에 작성한 loginForm.jsp에서 form태그를 수정한다. 6.SecurityConfig 코드를 아래와 같이 수정하면 위의 f..

article thumbnail
[스프링부트 블로그 만들기] 시큐리티 적용X, 전통적인 방식 로그인 구현하기

폼은 지난번에 만들어둔 loginForm을 활용하고 Ajax 코드도 회원가입 코드를 복사해서 수정 후 활용할 것이다. 1. 로그인 버튼 수정 로그인 2. User.js 에 로그인 코드 작성 let index = { init: function(){ $("#btn-save").on("click",()=>{//function(){} 대신 ()=>{} : this를 바인딩하기 위해서 this.save(); }); $("#btn-login").on("click",()=>{//function(){} 대신 ()=>{} : this를 바인딩하기 위해서 this.login(); }); }, login: function(){ //alert('user의 save함수 호출됨'); let data = { username: $(..

article thumbnail
[스프링부트 블로그 만들기] 부트스트랩 적용하여 메인 화면 구현하기

1. W3School 사이트에 접속한다. 2. Navbar 선택 3. Collapsing The Navigaion Bar 코드 긁어오기 4. Basic Template 선택 5. Footer 코드는 이곳에서 긁어오기 6. 폴더 구조를 이렇게 만들어 주고 Index.jsp 파일에 아까 Navbar에서 긁어온 코드를 복사한다. 7. 그리고 Index.jsp 내용 중 헤더에 해당하는 코드, 푸터에 해당하는 코드를 분리해서 footer.jsp, header.jsp를 생성한다. footer.jsp 🤍Created by archive ☎010-1234-5678 인천광역시 header.jsp 홈 로그인 회원가입 Index.jsp : 분리한 헤더, 푸터를 include 해준다. 제목 적는 부분 상세 보기 제목 적는 부..

article thumbnail
[국비학원 기록/Spring] 스프링 어노테이션(Annotation) 정리, 로그인 기능 구현

스프링 어노테이션(Annotation) 1. 스프링 어노테이션(Annotation) -기존 XML에서 빈 설정 => 어노테이션을 이용해 자바 코드에서 설정 -XML에서 설정하는 것보다 유지 보수에 유리 -현재 애플리케이션 개발에서는, XML 설정 방법 + 어노테이션 방법 혼합해서 사용 2. 스프링 어노테이션 제공 클래스 1) Handler Mapping : dispatcher servlet으로 들어온 요청을 각각의 Controller로 위임 처리 스프링 프레임워크에서 제공하는 Handler Mapping 클래스 DefaultAnnotaionHandlerMapping 클래스 레벨에서 @RequestMapping을 처리함 BeanNameUrlHandlerMapping 요청 URL과 빈의 이름을 비교 -> 일..

article thumbnail
[국비학원 기록/JSP] 세션(Session), 데이터베이스(DB) 연동 로그인 구현

세션(Session) 1. 세션 1)클라이언트가 서버에 접속해있는 동안 그 상태를 유지하는 것이 목적임. 2)웹 브라우저를 통해 서버 접속 => 처리 => 웹 브라우저를 닫아 서버와의 접속을 종료하는 하나의 단위를 세션이라고 한다. 3)HTTP는 기본적으로 일회성 연결 -> 웹 클라이언트 하나하나를 기억할 수 없다. 개인화된 서비스를 제공하려면 웹 클라이언트를 웹 서버에서 인식하고 있어야 한다. =>웹 클라이언트가 '내가 누구다'라는 데이터를 요청마다 실어보내야 한다. 2. 세션 설정 확인 Dynamic Web Project 생성 시 Generate web.xml deployment descriptor 체크 web.xml에 세션 유효 시간 설정 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ..

article thumbnail
[국비학원 기록/JSP] 쿠키(Cookie), 팝업창, 로그인 아이디 저장 구현하기

쿠키(Cookie) 1. 쿠키 1)클라이언트 상태 정보를 유지하기 위한 기술 2)상태 정보를 클라이언트(주로 웹 브라우저)에 키(key)와 값(value)형태로 저장했다가 다음 요청 시 저장된 쿠키를 함께 전송함. 3)웹 서버는 브라우저가 전송한 쿠키로부터 필요한 데이터를 읽어올 수 있음. 4)3000개까지 만들 수 있음, 쿠키 하나의 최대 크기는 4096바이트. 5)하나의 호스트나 도메인에서 최대 50개까지 생성 가능 2. 쿠키 동작 매커니즘 1)클라이언트가 서버에 요청을 보냄 2)서버가 쿠키를 생성하여 HTTP 응답 헤더에 실어 클라이언트에 전송함. 3)클라이언트는 쿠키를 받아 저장함, (서버는 아직 쿠키 사용 불가) 4)클라이언트는 다음번 요청 시 저장해둔 쿠키를 HTTP 요청 헤더에 실어 보냄. ..

article thumbnail
[국비학원 기록/Servlet] 서블릿 리스너(Listener), 로그인 접속자 수 카운트

-리스너 -이벤트 =>리스너는 이벤트가 발생함과 동시에 특정 행동 (메서드나 함수 실행)을 하는 것, 이것을 이벤트 핸들링이라고 한다. =>이벤트는 발생한 특정 행동을 말한다. ex) 마우스 클릭, 키보드 키 입력, 텍스트 입력 ... 리스너(Listener) 이벤트가 발생하기를 기다리는 (청취하는) 컴포넌트(함수나 객체)를 말한다. Java에서 리스너는 객체가 되고 특정 이벤트가 발생했을 때 실행될 메서드를 가지고 있다. 리스너 API HttpSessionBindingListener implements 받아 로그인 접속자 수 카운트하기 우클릭 - Listener 클릭하여 생성 login2.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 로그인 이름 : 비밀번호 : Colo..

반응형
반응형