[댓글 작성 구현하기] 댓글창에 댓글을 달고 작성이라는 버튼을 누르면 비동기 형태로 댓글이 달리는 형태를 구현 해보자. ▶ 댓글 달 servlet 생성 package img_reps.controller; import java.io.IOException; import java.util.ArrayList; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.js..

[글 작성] 글 작성 버튼을 누르면 servlet 페이지로 이동 할 수 있게 링크를 달아 준다. ▶ servlet 페이지 구현 package imgboard.controller; import java.io.File; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResp..

[ Include 지시자 ] 현재의 파일에 다른 파일을 포함 시키는 지시자 고정 된 페이지를 불러와 view 창에 띄어 줄 때 유용하게 쓰인다. header → menu → 하단 → 변하지 않는 페이지(고정 된) 를 구현 할 때 include 지시자를 사용한다. [ Include 액션 태그 ] 현재의 파일에 다른 파일을 포함 시키는 액션 태그 페이지가 고정 되어 있지 않아 클라이언트가 어떠한 행위를 요청 했을 때 페이지의 변화로 다양한 액션이 가능하다. 내용에 로그인을 클릭하면 로그인 창이, 회원가입을 클릭하면 회원가입창이 로그인을 완료 하였다면 메뉴가 보이게 구현 ▶ header 에 로그인이 되지 않았다면 보여줄 페이지를 만들어 3번처럼 로그인이 성공하면 header에 페이지가 보이지 않게 구현 해준다..

▶ 사용자에게 보여 줄 jsp 페이지 구현 name : 동기요청 버튼을 누르면 form 의 action 주소의 get 방식으로 이동하여 페이지 변환의 작업을 수행 하게 된다. 페이지의 이동이 있는 것이 동기 요청이고 나머지 방법은 비동기식으로 페이지의 이동 없이 바로 전환 되게 된다. ● GET 방식 비동기 요청 함수 구현 function a () { 1. 비동기 요청 객체를 생성한다. const xhttp = new XMLHttpRequest(); 5. 비동기 요청 응답이 왔을 때 실행 될 핸들러 함수를 등록한다. xhttp.onload = function(){ 6. 비동기 요청을 받으면 해당 응답을 프린트 해줄 공간을 g..