본문 바로가기

개발12

1-3. 부트스트랩 Form Validation 사용하기 사용 기술 : Java, MyBatis, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : Bootstrap 사용 툴 : Eclipse 안녕하세요 하모예입니다. 오늘은 form validation을 통해서 특정 입력란을 작성하지 않으면 로그인이 되지 않도록 만들어보겠습니다. 먼저 지난 포스팅까지의 코드는 아래와 같습니다. HAMOYE 로그인 로그인 Modal body... 회원가입 총 세번의 포스팅으로 JSP File을 만들고, navbar를 만든다음, 로그인 메뉴를 클릭하면 모달창이 열리게 까지 만들었습니다. 오늘도 갓! w3schools를 참조하겠습니다. www.w3schools.com/bootstrap4/bootstrap_forms.asp Bootstrap 4 Forms .. 2020. 11. 2.
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.
1-1. JSP 파일 생성하고, collapse navbar 만들기 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : JSP, Bootstrap 사용 툴 : Eclipse 안녕하세요 하모예입니다. 지난번 세상에서 가장 간단한 로그인 시리즈에서는 말그대로 "세상에서 가장 간단한 로그인"을 보여드림으로써 JDBC를 처음 접하신분들께 도움이 되었으면 하는 마음에서 회원가입없이 DB에 데이터를 삽입해서 제대로 구현이 되었는지 확인했고, 이로 인해 아쉬움이 많이 남았었습니다. 따라서 이번 시리즈, 세상에서 두번째로 쉬운 로그인에서는 실제로 회원가입 로직을 구현하여, 회원가입을 통해 아이디를 생성하고, 로그인을 하는 방향으로 구성을 하려 합니다. 또한 로그인과 회원가입 모두 데이터베이스에 접속해야하기 때문에 이 과정에서 두 로직에.. 2020. 10. 31.
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.