본문 바로가기

bootstrap5

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.
1-2.Boostrap써서 로그인 페이지 디자인하기 (이 글은 기본적으로 Eclipse, Sql Developer가 설치, 인코딩 처리, 서버 등록이 완료된 상태를 가정하고 작성되었습니다.) 사용 기술 : Java, JSP, Oracle, Bootstrap, CSS, HTML 오늘의 기술 : Bootstrap, CSS, HTML 사용 툴 : Eclipse 안녕하세요 하모예입니다. 오늘은 프론트를 만들어 볼거에요. 보기 좋은 떡이 먹기도 좋듯, 훌륭한 기능을 수행하는 웹이 디자인까지 깔끔하다면 더할 나위 없이 좋겠지요. 그러나 기본적인 HTML, CSS 만으로는 "호감형" 디자인을 구현하기가 쉽지 않습니다. 이때 활용할 수 있는 좋은 라이브러리가 바로 Bootstrap, 부트스트랩입니다. 부트스트랩을 활용하면 이쁜 디자인을 손쉽게 구현할 수 있을 뿐만 아니.. 2020. 10. 18.