본문 바로가기

로그인9

1-2.로그인 모달(modal)창 만들기 사용 기술 : Java, MyBatis, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : Bootstrap 사용 툴 : Eclipse 안녕하세요 하모예입니다. 오늘은 완성된 메뉴바에서 로그인을 클릭했을때 로그인 창이 뜨도록 하는 방식에 대해 알아보겠습니다. 일반적인 사이트에서 로그인 창을 띄우는 방식은 크게 3가지 입니다. 1. Modal 2. PopUp 3. 페이지전환 지난번 시리즈에서 로그인 페이지를 따로 해보았으니, 이번엔 모달 방식으로 로그인 창을 만들어 보겠습니다.. 모달역시 w3schools에 가면 쉽게 공부하실 수 있습니다. www.w3schools.com/bootstrap4/bootstrap_modal.asp Bootstrap 4 Modals www.w3scho.. 2020. 11. 1.
4-1. create table, insert로 로그인 테스트하기 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : Oracle 사용 툴 : Sql Developer 안녕하세요 하모예입니다. 오늘 데이터베이스 설계하고 간단한 테스트를 거치면 베이직한 로그인 로직은 완성됩니다! 먼저 아래 선배님의 글에 따라서 SqlDeveloper를 설치하시고, system 계정을 만들어주세요. https://m.blog.naver.com/PostView.nhn?blogId=milkoon1&logNo=220803462150&proxyReferer=https:%2F%2Fwww.google.com%2F Oracle sqldeveloper system과 hr 연결하는 방법 오라클 developer 맨처음 들어오면 텅텅 비워진 채로 아무것도 .. 2020. 10. 25.
3-2. Service 클래스 만들어주기 (이 글은 기본적으로 Eclipse, Sql Developer가 설치, 인코딩 처리, 서버 등록이 완료된 상태를 가정하고 작성되었습니다.) 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : JAVA 사용 툴 : Eclipse 오늘은 Dao를 만들어봅시다. 먼저 login.model.dao패키지에 우클릭 [New] - [Class]로 MemberDao 클래스를 만들어주세요. 그 다음 Member를 반환값으로 가지는 loginMember()메소드를 만들어줄께요. package login.model.dao; import login.model.vo.Member; public class MemberDao { public Member loginMember() { .. 2020. 10. 24.
3-1. Dao, Vo로 JDBC 기본 구성하기 (이 글은 기본적으로 Eclipse, Sql Developer가 설치, 인코딩 처리, 서버 등록이 완료된 상태를 가정하고 작성되었습니다.) 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : JAVA 사용 툴 : Eclipse 안녕하세요 하모예입니다. 오늘은 본격적으로 JDBC로 넘어가기 전에 Dao, (Service), Vo를 만들어서 기반을 다져보겠습니다. 먼저 login.model.vo패키지에서 우클릭을 해서 [New] - [Class]로 Member 클래스를 만들어주세요. 클래스 중괄호 안에 userId, userPw 변수를 만들어주세요. package login.model.vo; public class Member { private String .. 2020. 10. 23.
2-3. 클라이언트가 입력한 정보 Servlet에 불러오기 (이 글은 기본적으로 Eclipse, Sql Developer가 설치, 인코딩 처리, 서버 등록이 완료된 상태를 가정하고 작성되었습니다.) 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : JAVA 사용 툴 : Eclipse 안녕하세요 하모예입니다. 지난 포스팅까지 JSP 파일을 만들고, 인코딩 처리, 단방향 암호화 처리까지 해줬습니다. 이번 포스팅은 클라이언트가 입력한 정보를 Servlet에 불러오고, 이클립스 콘솔창에 띄워보는 것까지 해보겠습니다. 먼저 아래와 같이 src에 login.controller, login.model.dao, login.model.service, login.model.vo 패키지를 만들어주세요. 지금은 아주 간단한 프로젝트.. 2020. 10. 22.
2-2. 비밀번호 단방향 암호화하기(SHA-512) (이 글은 기본적으로 Eclipse, Sql Developer가 설치, 인코딩 처리, 서버 등록이 완료된 상태를 가정하고 작성되었습니다.) 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : JAVA 사용 툴 : Eclipse 안녕하세요 하모예입니다. JAVA 두번째 포스팅에서 다룰 기술은 단방향 암호화입니다. 암호화는 크게 양방향과 단방향으로 나눠지는데, 이름에서 알 수 있듯이 양방향은 암호화와 복호화가 가능하고, 단방향은 암호화만 가능하고 복호화는 불가능합니다. 그중 우리가 지금 만들고 있는 '세상에서 가장 간단한 로그인'에는 둘 중에 단방향 암호화가 필요합니다. 가령 아이디나 비밀번호를 잊어버렸을 경우 아이디는 아이디 찾기를 통해 가입할 때 입력했던.. 2020. 10. 21.
2-1. utf-8로 인코딩 필터 씌우기 (이 글은 기본적으로 Eclipse, Sql Developer가 설치, 인코딩 처리, 서버 등록이 완료된 상태를 가정하고 작성되었습니다.) 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : JAVA 사용 툴 : Eclipse 안녕하세요 하모예입니다. 오늘은 본격적으로 기능을 추가해보겠습니다. 가장 먼저 [Java Resources] - [src] 에서 [New] - [Package]를 통해서 login.common.filter 패키지를 만들어주세요. 그 다음 package 에서 [New] - [Filter]를 클릭하시고 Class name에 EncodingFilter라고 입력하고 Next를 클릭하세요. 그 다음 /EncodingFilter라고 적힌 부분.. 2020. 10. 20.
1-3.form태그로 클라이언트 정보 받아오기 (이 글은 기본적으로 Eclipse, Sql Developer가 설치, 인코딩 처리, 서버 등록이 완료된 상태를 가정하고 작성되었습니다.) 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : JSP 사용 툴 : Eclipse 안녕하세요 하모예입니다. 오늘은 클라이언트가 보낸 정보들을 받아오는 방법을 소개하겠습니다. 아주 기본적으로 클라이언트의 정보를 받아오는 방법은 크게 두가지가 있습니다. 첫번째, Query String, 쿼리 스트링 사용하기 흔히 쇼핑몰에서 상품의 일련번호로 해당 상품 상세 페이지를 이동할때 많이 쓰입니다. 그러나 사용자의 아이디, 비밀번호는 중요한 개인정보이고, 쿼리스트링 사용시 url을 통해 개인정보가 노출될 가능성이 있으므로 오늘.. 2020. 10. 19.
1-1.Eclipse에 JSP로 시작화면 만들기 (이 글은 기본적으로 Eclipse, Sql Developer 설치가 완료된 상태를 가정하고 작성되었습니다.) 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : JSP 사용 툴 : Eclipse 안녕하세요 하모예입니다. 오늘부터 시간이 나는대로 꾸준히 업로드를 해서 로그인, 회원가입, 게시판을 다양한 언어를 활용한 버전으로 소개해드리려고 합니다. DBMS를 활용하지 않은 버전을 제일 먼저 보여드리려 하다가, 실무에서 GUI만으로 페이지를 구성할 가능성은 제로에 가깝다고 판단하여 이를 제외하고 MyBatis나 Spring을 활용하지 않는 기본적인 JAVA베이스 페이지부터 하나씩 보여드리겠습니다. 글을 시작하기에 앞서 상단에 말씀드렸듯이 Eclipse나 S.. 2020. 10. 17.