Coding JOAH

로그인 페이지는 부트 스트랩을 이용하여 디자인 한다. 1. 부트스트랩 설치 부트스트랩은 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS 프레임워크이다. 참고 강의에서 부트스트랩 3.3.7 을 사용하기 때문에 해당 버전을 사용했다. 아래 홈페이지에 들어가 부트스트랩을 다운로드하면 css, js, font 폴더가 보인다. https://getbootstrap.com/docs/3.3/getting-started/#download Getting started · Bootstrap Bootstrap is downloadable in two forms, within which you'll find the following directories and files, logically grouping common ..

jsp 복습 겸 간단한 게시판을 구현해 보기로 했다. 시작에 앞서, 참고한 영상은 다음과 같다. 몇년 전 영상이지만 설명도 깔끔하고 쉽게 설명해주신다. https://youtu.be/wEIBDHfoMBg 우선 몇가지 환경설정을 확인해야 한다. 1. JDK 다운로드 및 환경 변수 설정 - JSP는 Java 기반의 언어이기 때문에 Java 개발 환경인 JDK를 다운받아야 한다. - 이번에는 1.8 ver을 사용할 예정 - 설치된 java 버전 확인은 https://july7k.tistory.com/200 [Mac] java 버전 확인 1. 터미널 앱 들어가기 2. 명령어로 java -version 입력 - 현재 설치되어 있는 java 버전이 나온다. % java -version openjdk version ..

login fail 파일, logout 파일을 만든다. >> login_fail 로그인 실패 메시지를 alert하고, 초기 화면구현 페이지로 이동한다. alert('로그인 실패\n로그인 페이지 이동합니다.'); location.href="a08_login_main.jsp"; >> logout session.invalidate(); 를 통해 세션 기록을 삭제한다. 로그아웃 처리 메시지를 보여준 뒤 확인을 누르면, 역시나 초기 페이지로 이동.

id, pass가 일치할 때 ==> 로그인 성공 페이지로 이동 로그인 성공! 님 로그인 성공 //js로 로그아웃 버튼 처리를 해준다. - 로그아웃 버튼은 js로 처리해봤는데, confirm 을 활용하고 싶었다. 확인 누르면 로그아웃 페이지로 이동해서 세션 삭제됨

1. 먼저, 로그인 페이지 화면을 구현한다. (login_main.jsp 파일 생성) 로그인(session) 아이디 패스워드 2. submit 후 요청값에 대한 처리를 해야한다. - 조건 : [ id: lucky / pass: 7777 ] 일치해야만 로그인 성공 - id, pass가 null 값이 아니라는 것은 요청값이 '있는' 페이지라는 것