본문 바로가기

개발/세상에서 두번째로 쉬운 로그인3

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.

티스토리툴바