뉴딜 일자리 사업 9일차

소스 코드 설명

<jsp:include page="/WEB-INF/view/common/common_include.jsp"></jsp:include>

common_include.jsp 안에 view에 관련된 js파일과 vue.js를 포함을 해놓아서

사용할 때 필요한 클래스에 한 줄로 import 해서 쓰면 편하다.

Vue.js

• html태그를 기준으로 부분 별로 관리할 수 있게 해 줌
• html id 명으로 vue.js에서는 el:에 써주면 vue가 그 영역을 인식하기 시작함
• 뷰와 제이쿼리는 엄격하게 따진다면 둘 중에 하나만 사용해야 한다.
• el: 아래에 있는 변수는 el:로 지정한 id값에서만 유효하다.

MVC

MVC

• Model, View, Controller의 줄임말로써 S/W디자인을 세 가지 요소로 개발하는 것을 말한다.

1. Model
   • 프로그램의 내부 상태, 즉 프로그램의 정보를 말한다.
   • 데이터 관리?
   • DB에 접근할 변수들 (Getter setter)
   • 접근은 DAO를 사용
2. Controller
   • 데이터와 비즈니스 로직 간의 상호작용을 뜻함.
   • 데이터 핸들링?
   • 어떻게 데이터를 사용하고 건네어줄 건지?
   • 주소 핸들링
3. View
   • 사용자 인터페이스 요소를 뜻하며
   • 쉽게 말해서 유저에게 보이는 부분이다
   • JSP

MVC1

• JSP페이지에 비즈니스 로직과 웹 브라우저에 보여줄 결과를 위한 코드가 뒤섞여 있는 구조.
• JSP안에서 모든 정보를 View 하고 저장(Model)하고 처리(Control)되므로 유지 보수하기가 힘들다.
• 페이지가 단순하다면 MVC2보다 1이 더 편할 경우가 있다.

MVC2

• 1 구조와 달리 웹 브라우저의 요청을 하나의 서블릿이 받게 된다.
• 서블릿은 웹 브라우저의 요청을 알맞게 처리한 후 결과를 JSP페이지로 포워딩해준다.
  • Servlet
    • 서버에서 웹페이지 등을 동적으로 생성하거나 데이터 처리를 수행하기 위해 자바로 작성된 프로그램임
    • . java가 확장자
    • 자바 코드 안에 HTML 태그가 삽입되어있다.
    • 기본적으로 자바에 대한 지식이 필요하다.
  • JSP
    • 반대로 HTML내부에 자바 코드를 삽입하는 형식이다.
    • JavaServerPages의 준말이며 서블릿 기반의 서버 스크립트 기술이다.
    • <%%> 태그 안에 자바 코드를 사용할 수 있음.
• 각 역할을 나누어 JSP와 서블릿을 동시에 사용하여 개발하는 것이 MVC2 특징
• 그리하여 JSP는 HTML 태그 사용이 편한 대신 자바 코드 작성이 불편하기 때문에 주로 View단에서 사용한다
• Servlet은 자바코드 작성이 편리하기 때문에 Controller단에서 사용한다.
• 한 줄 요약
  • 보여주는 HTML이 중심인 View는 - JSP
  • 다른 자바 클래스에게 데이터를 넘겨주는 역할은 Controller - Servlet