목록jsp (14)
오늘보다 더 나은 내일의 나에게_
먼저 Front Controller 패턴을 알기 전에 왜 이 패턴을 사용하게 되었는지 알아야 한다. 기존에 사용되던 MVC 패턴은 MODEL, VIEW, CONTROLLER를 합친 용어이다. 📌MVC 패턴 MVC패턴 장점 - 비교적 간단한 패턴으로 구조 파악과 확장을 쉽게 할 수 있음 MVC 패턴의 한계 - View와 Model 사이의 의존성이 높음 - View와 Model의 높은 의존성은 애플리케이션이 커질수록 복잡해지고, 유지보수가 어려움 - HttpServletRequest, HttpServletResponse를 사용하는 테스트 코드 작성하기 쉽지 않음 - 뷰 렌더링과 컨트롤러 역할을 분리한 건 좋지만 페이지가 늘어남에 따라 컨트롤러 내 중복 코드 다량 발생 => 정리하자면, 공통 처리가 어려운 것..
이번 주 또한 프로젝트를 진행하면서 servlet과 jsp코드를 작성하다 보니 서블릿 포워드 방식에 대해 조금 더 공부하고 싶어졌다. 주로 수업시간에 배운 내용은 redirect 방식을 많이 사용했고 익숙해져 있어서 다른 방식은 조금 낯설었던 것 같다. 📌포워드(forward) 란? 하나의 서블릿에서 다른 서블릿이나 JSP와 연동하는 방법 포워드 기능이 사용되는 용도 - 요청에 대한 추가 작업을 다른 서블릿에게 수행 - 요청에 포함된 정보를 다른 서블릿이나 JSP와 공유 - 요청에 정보를 포함시켜 다른 서블릿에 전달 - 모델2 개발 시 서블릿에서 JSP로 데이터를 전달하는 데 사용 서블릿의 포워드 방법은 크게 4가지로 볼 수 있다. redirect, Refresh, location, dispatch 주로..
Scope(영역) Application > Session > Request > Page Page -> 페이지 내에서만 사용 가능 Request -> 한번 요청-응답 후 더 이상 사용 불가능 Session -> 브라우저 종료시 or 세션 삭제 시까지 사용 가능 Application -> 어플리케이션이 종료될 때까지 사용 가능(서버 종료 시까지 사용 가능) 페이지 이동 방식 1. 리다이렉팅 response.sendRedirect(); 2. 포워딩 RequestDispatcher dis = request.getRequestDispatcher(url); dis.forward(request, response);
회원가입 시 이메일 중복체크 이메일 입력후 중복체크 여부 확인(가능: true, 불가능: false) 코드 더보기 main.jsp 자바스크립트 emailCheck() 메서드 function emailCheck(){ let email = document.querySelector("#email"); //이메일 작성창 let checkEmail = document.querySelector("#checkEmail"); let xhr = new XMLHttpRequest() //요청방식 , 요청경로 xhr.open('get', 'IdCheckCon?email=' + email.value); //전송데이터의 형식 xhr.setRequestHeader('Content-Type', 'application/x-www-f..
JavaScript 댓글 작성 후 "post reply" 버튼을 누르면 댓글이 등록되지만 실시간으로 보이지 않고 새로고침을 해야 보이는 상황! 버튼을 누르고 정상적으로 등록이 되면 console창에 success 출력! 댓글 등록 후 바로 댓글 보는 기능 board_main.jsp에서 javascript부분 수정 function addReply( ) 수정 JSP 로그인 후 개인정보수정버튼을 눌렀을 때 현재 로그인 중인 아이디 전화번호, 주소가 출력되도록 작성 코드 더보기 세션 객체를 생성하고 활용 회원정보수정 로그아웃 기능 로그인 후 로그아웃 버튼 누르면 로그아웃! => 세션을 삭제해주면 로그아웃이 된다! 코드 더보기 package com.member; import java.io.IOException; ..
로그아웃 기능 로그아웃 버튼을 눌렀을 때 로그인버튼과 "admin님 접속을 환영합니다" 문구 제거 Main.jsp의 세션 스크립틀릿 코드 => 로그아웃 버튼을 누르면 LogoutCon.servlet으로 이동! LogoutCon.servlet의 코드 메인페이지 모습 회원가입 기능 DB에 message_member 테이블을 생성한다. create table Message_member( email varchar(100), pw varchar(100), tel varchar(100), address varchar(100), Join_date date ) JoinCon.servlet 회원가입 부분 중점 코드 => message_member 테이블의 마지막 컬럼은 date타입인데 회원가입할 때 가입한 날짜를 바로..
로그인 성공 시 페이지 이동 로그인 성공 시 loginService 서블릿에서 세션을 생성한다. 로그인 정보가 담긴 vo객체를 세션에 넣어준다. loginService 코드 더보기 package com.controller; import java.io.BufferedReader; import java.io.IOException; import java.io.PrintWriter; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import javax.servlet.ServletException; import javax.servlet.annot..
로그인 실패 시 예제 아이디나 비밀번호 둘 중에 하나라도 비어있을 때 LOG IN 버튼 누르면 "아이디/비밀번호를 입력해주세요" 문구 출력 코드 더보기 더보기 둘 중에 document.getElementById("submit"); let check_p = document.getElementById("check"); btn_submit.addEventListener("click", function(){ //1. id칸이나 pw칸 둘중에 하나라도 비어있으면 //p(id=check) "아이디/비밀번호를 입력해주세요" 문구 출력 let id = document.getElementById("id").value; let pw = document.getElementById("password").value; if(id..
이번 주에 정리할 내용은 JSP수업 시간에 배운 JDBC연동과 로그인 및 회원가입 기능 구현이다! 자바 시간에도 한번 배웠었고 미니 프로젝트 때 활용을 해봐서 크게 어렵진 않았다. 큰 흐름 정도만 알고 코드 한줄한줄 자세히는 몰라서 다시 공부하는 좋은 계기가 된 듯하다. 먼저 메인 페이지 모습이다. 버튼을 클릭을 하면 클릭한 페이지로 이동된다. 회원가입, 회원 삭제, 회원 수정, 회원 전체 검색, 특정 회원 검색, 로그인 기능이 있다. 각 페이지별 모습 1. 회원가입 => 회원가입이 정상적으로 실행되면 다시 메인 페이지로 돌아감 2. 회원 삭제 => 입력된 ID가 DB에 있을 경우 바로 삭제하고 메인 페이지로 돌아감 3. 회원 수정 => 입력된 ID가 DB에 존재 시 pw, nick 둘 중 하나를 선택해..
getElementById()실습 코드 더보기 html 클릭 한번 해볼까요? h1태그 생성 a태그 생성 ul태그 생성 javascript let div1 = document.getElementById("div1"); function mkH1(){ div1.innerHTML += "DOM활용해보기!" } function mkA(){ div1.innerHTML += "Google로 가보자!" } function mkUl(){ div1.innerHTML += "HTMLCSSJavascript" } 코드 더보기 html 0 +1 증가 -1 감소 javascript let span1 = document.getElementById("span1"); function plus(){ //innerText(innherH..