bootstrap 4

6. 회원 데이터 모델링

1. 패키지명을 테이블명으로 1대1 매칭시킨다. DTO, DAO를 통해 데이터 입출력을 수행한다. 2. 회원 테이블의 칼럼들을 변수로 만들고 각각 생성자와 getter / setter를 만들어준다. ==> 초기화 USER userID userPassword userEmail userEmailHash userEmailChecked 3. DAO에서 함수 작성 pstmt.executeUpdate() ==> insert, update, delete 등에 사용 pstmt.executeQuery() ==> select에 사용 다 배웠던 건데 가물가물하다.. 3 -1. 로그인 함수 public int login(String userID, String userPassword) { String SQL = "SELCET ..

Java/Jsp 2021.02.07

4. 로그인, 회원가입 화면

각각 독립적인 페이지로 userLogin.jsp 와 userJoin.jsp 페이지를 만든다음 nav에 걸어둔 링크를 통하여 서로 연결 시켰다. index.jsp - userLogin.jsp - userJoin.jsp 요부분에 저기 action부분이 아래 로그인 버튼을 누를 때의 action을 지칭하는 것인데 로그인 버튼을 눌렀을 때 url주소가 action의 명시된 주소로 보내진 것을 확인할 수 있다. 왜 404냐고? 아직 안만들었으니까..... 이제부터 만들어야해요 ㅠ 이건 회원가입 페이지

Java/Jsp 2021.02.05

3. 강의평가 메인화면 디자인

* 웹을 먼저 디자인한 후에 서버 프로그램을 입히는 것이 가장 빠르고 효율적. ==> 혼자 작은 단위의 프로젝트를 수행할 때, container 클래스 반응형 웹으로 요소들이 크기에 맞게 알아서 작아지게 해줌. m - (0 ~ 5) : 마진 클래스로 (...ml , mt , mb, mr) p - (0 ~ 5) : 패딩 클래스 (...pl , pt , pb, pr) 기본적으로 html, css 기반이기 때문에 문법은 똑같고, 미리 만들어져있는 클래스를 사용하는 것뿐. data-toggle="modal" 페이지에서 화면 전환이 아닌 팝업을 띄워야할 때 사용하는 bootstrap만의 팝업. 아래의 공식문서를 참조하면 자세히 알 수 있다. getbootstrap.com/docs/4.0/components/mod..

Java/Jsp 2021.02.05

2. 프레임워크로 웹 디자인 틀 잡기

사용할 프레임워크 bootstrap jquery popper 이미 틀이 짜여져 있는 프레임워크에서 새로 커스텀하여 만들고 싶을 때는 custom.css라는 파일을 만들어 작성하는 것이 일반적 bootstrap.min.css를 덮어쓰기하는 식으로 사용하는 것이 일반적 가장 많이 사용하는 것중 하나가 웹 폰트 .navbar-brand bootstrap에서 네이게이션 바 안에 있는 로고 같은 것을 의미 @charset "EUC-KR"; @import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css); @import url(https://fonts.googleapis.com/earlyaccess/hanna.css); .navbar-brand, h1, h..

Java/Jsp 2021.02.04
반응형