MVVM 패턴은 Model + View + View Model를 합친 용어이다. Model : 어플리케이션에서 사용되는 데이터와 그 데이터를 처리하는 부분 View : 사용자에서 보여지는 UI 부분 View Model : View를 표현하기 위해 만든 View를 위한 Model로 View를 나타내기 위한 데이터 처리를 하는 부분 MVVM 패턴은 Command 패턴과 Data Binding 두 가지 패턴을 사용하여 구현되며 View와 View Model 사이의 의존성이 삭제 되어 각각의 부분은 독립적이기 때문에 모듈화 하여 개발이 가능하다 Vue 의 개념을 찾아 보던 중 사람들이 Vue 는 MVVM 과 연관이 있다고 하면서 개념 정리를 해 놓은 것을 보았다. 그래서 MVVM이 어떻게 Vue 와 연관이 있는..

⑥ 글 상세 보기 페이지 구현 하기 ${vo.title} 위의 a 태그와 하이퍼링크로 게시글의 타이틀을 클릭하면 해당 글의 상세 보기가 가능해진다. 아래는 상세보기 페이지이며 이 페이지는 servlet의 doGet을 통해 구현 되었다. ▶ servlet (board/detail) 코드 구현 하기 package board.controller; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.ser..

⑤ 게시판에 글 작성 하기 글작성 ▶ servlet (/board/insert) 작성 package board.controller; 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.HttpServletResponse; import javax.servlet.http.HttpSession; im..

④ 게시판 메인화면으로 이동하기 게시판 보러가기 해당 버튼을 누르면 a 태그에 의해 아래의 servlet 주소로 이동 하게 된다. ▶ servlet 페이지 구현 package board.controller; import java.io.IOException; import java.util.ArrayList; 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.servl..