요청과 응답 WAS(Web Application Server)는 웹 브라우저로부터 Servlet요청을 받으면 요청할 때 가지고 있는 정보를 HttpServletRequest객체를 생성하여 저장 웹 브라우저에게 응답을 보낼 때 사용하기 위하여 HttpServletResponse 객체를 생성 생성된 HttpServletRequest, HttpServletResponse 객체를 서블릿에게 전달 HttpServletRequest http프로토콜의 request 정보를 servlet에게 전달하기 위한 목적으로 사용 헤더정보, 파라미터, 쿠키, URI, URL 등의 정보를 읽어 들이는 method를 가지고 있다.(ex. getParameter(), getRequestURL()) Body의 Stream을 읽어 들이는..

이번엔 회원탈퇴 페이지를 만들고 비밀번호가 일치해야 탈퇴할 수 있게끔 구현했다. [memberDeleteView.do] 더보기 비밀번호가 일치해야 탈퇴된다! (관리자는 비밀번호 없이 탈퇴할 수 있게 수정할 예정이지만 아직 수정은 안해서 관리자도 똑같이 비밀번호 입력해야 탈퇴된당...^ㅇ^) [memberDeleteView.jsp] DELETE ACCOUNT 아이디 비밀번호 /*memberDeleteView.css*/ @import url("common/reset.css"); @import url("common/header.css"); @import url("common/footer.css"); @import url('https://fonts.googleapis.com/css2?family=Nunito:w..

이번엔 회원상세조회 페이지를 구현할 것이다! 상세 조회를 통해서 정보를 수정하고, 회원탈퇴페이지로 이동해서 회원탈퇴도 가능하게 만들었다. [memberView.do] 더보기 아이디는 고유값이라 수정할 수 없으니 span태그로 감싸고 비밀번호는 변경할 비밀번호를 입력하고 변경되게 했다. 현재 비밀번호와 변경할 비밀번호를 입력하게 할 수도 있었겠지만...프로젝트 마감일 까지 그리 넉넉하지 않았기 때문에 생략했다...ㅎ 정보 수정을 누르면 입력한 정보들로 수정되고, 회원탈퇴를 누르면 탈퇴 페이지로 이동한다. [memberView.jsp] MODIFY 아이디 비밀번호 비밀번호 재확인 이름 생년월일 휴대전화 회원탈퇴 /*memberView.css*/ @import url("common/reset.css"); @i..

오늘은 전체 회원목록을 조회하기를 구현해 볼 것이다! 전체 회원의 정보를 열람하는 페이지이기 때문에 세션을 통해 관리자만 접근할 수 있도록 구현했다. 원래 지금까지 줄곧 ArrayList를 통해서 출력했는데 학원 수업에서 jstl을 통해서 출력하는 것을 배웠기 때문에 써먹어 봤다! 물론 과정평가형 시험에선 외부 라이브러리를 사용할 수 없기 때문에 시험에선 사용할 수 없겠지만 이번 평가에선 제약이 없었기 때문에 사용했다! 이번 프로젝트에 관한 포스팅이 끝나면 JSTL과 커넥션풀에 대한 정리도 까먹기전에 해야겠다!! [memberListView.do] 더보기 일단 관리자로 로그인하면 바로 연결되는 페이지엔 관리자 권한으로 할 수 있는 여러 페이지가 있겠지만 다른건 지금 중요한게 아니기 때문에 회원목록조회 버..

오늘은 로그인을 구현할 것이다. 세션을 통해 일반회원 / 관리자를 구분할 것이고, 관리자는 관리자 권한으로 전체 회원목록을 조회하거나 수정, 삭제 등이 가능하고 일반 회원은 나의 정보 수정과 회원 탈퇴가 가능하도록 만들 예정이다. [loginView.do] 더보기 세션을 통해서 관리자는 헤더에 이렇게 표시되면서 바로 관리자 페이지로 이동하게 했고, 일반 회원은 이렇게 표시되게 하고 인덱스 페이지로 이동하게 했다. [login.jsp] SIGN IN 회원가입 /*login.css*/ @import url("common/reset.css"); @import url("common/header.css"); @import url("common/footer.css"); @import url('https://font..

오늘은 인덱스 페이지에 이어서 회원가입 페이지를 구현할 것이다! [joinView.do] 더보기 일단 회원가입 할 때 입력하는 정보로는 아이디, 비밀번호, 이름, 생년월일, 전화번호 이렇게 간단하게 5가지로 설계했다. 그리고 자바스크립트를 통해서 유효성검사를 추가했고 비밀번호 재입력은 두 개의 값이 일치하면 innerText로 '비밀번호가 일치/불일치 합니다.' 가 표시되게 했다. [joinOk.js] /*joinOk.js*/ const joinForm=document.querySelector('#joinForm'); const userId=document.querySelector('#userId'); const userPw=document.querySelector('#userPw'); const use..

이번 프로젝트를 하면서 기록하며 정리해둬야 겠단 생각이 들었다..! 이전까지 개발 블로그 없이 메모장이나 파일에 주석으로 메모를 많이 해뒀는데 집 - 학원 - 노트북으로 파일을 war 파일로 import, export 반복하다보니 주석에 한글이 모두 와장창 깨져버린것을 보고,,,ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 따로 잘 정리해 두기로 했다.. 이번 프로젝트는 학원에서 있는 평가 때문에 만들게 되었고 CRUD(+로그인) 기능이 있는 페이지를 만드는 것 이다. 디자인은 모두 자유였지만 원래 있는 페이지에 디자인 부분을 참고하여 만들고 기능을 넣는 식으로 만들었다. 개발환경은 이렇다! [index.do] 더보기 내가 애정하는 카페 엑셀시오르 카페를 보며 만들었고 나는 백엔드를 공부하고 있기 때문에 프론트는 간략하게 표..