Andamiro25

maven-archetype-webapp 인 Maven 프로젝트 생성. 스프링에 필요한 각종 라이브러리 및 설정들을 세팅한 후 진행한다. Sping을 위한 세팅 DispatcherServlet을 FrontController로 설정하기 - DispatcherServlet을 FrontController로 설정하는 방법은 3가지가 있다. · web.xml 파일에 설정 · javax.servlet.ServletContainerInitializer 사용 - 서블릿 3.0 스펙 이상에서 web.xml파일을 대신해서 사용할 수 있다. · org.springframework.web.WebApplicationInitializer 인터페이스 구현 *web.xml파일에서 DispatcherServlet 설정하기 - 은 se..

MVC - Model, View, Controller의 약자 Model : 모델은 뷰가 렌더링하는데 필요한 데이터이다. 예를 들어 사용자가 요청한 상품 목록이나, 주문 내역이 이에 해당한다. View : 웹 애플리케이션에서 뷰(View)는 실제로 보이는 부분이며, 모델을 사용해 렌더링한다. 뷰는 JSP, JSF, PDF, XML 등으로 결과를 표현한다. Controller : 컨트롤러는 사용자의 액션에 응답하는 컴포넌트다. 컨트롤러는 모델을 업데이트하고, 다른 액션을 수행한다. MVC Model2 발전형태 - 스프링은 MVC Model 2 에서 발전된 형태의 모듈을 가지고 있다. Spring MVC 기본 동작 흐름 - 숫자 순으로 따라가면 된다. ① 클라이언트가 보낸 모든 요청은 Dispatcher Se..

DTO(Data Transfer Object) - Data Transfer Object - 계층간 데이터 교환을 위한 자바빈즈이다. - 여기서 계층이란 컨틀롤러 뷰, 비지니스 계층, 퍼시스턴스 계층을 의미한다. - 일반적으로 DTO는 로직을 가지고 있지 않고, 순수한 데이터 객체이다. - 필드와 getter, setter 등을 가진다. 추가적으로 toString(), equals() 등의 오브젝트 메서드를 오버라이딩 할 수도 있다. DAO(Data Acces Object) - Data Acces Object - 데이터를 조회하거나 조작하는 기능을 전담하는 객체 - 보통 데이터베이스를 조작하는 기능을 전담하는 목적으로 만들어진다. ConnectionPool - DB연결에 비용(프로그램이 DBMS에 접속하는..

※ 참고로 xml을 이용한 설정보다는 어노테이션을 사용하는 경우가 훨씬 더 많다. Maven으로 자바프로젝트 만들기 · file → new → Maven Project Archetype : maven-archetype-quickstart 프로젝트 명 : diexam01 pom.xml을 아래와 같이 수정 *pom.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 4.0.0 kr.or.connect diexam01 0.0.1-SNAPSHOT jar diexam01 http://maven.apache.org UTF-8 junit junit 3.8..

컨테이너(Container) - 컨테이너는 인스턴스의 생명주기를 관리한다. - 생성된 인스턴스들에게 추가적인 기능을 제공하는 역할도 하고 있다. - Servlet 공부했을때 Servlet클래스를 정의하긴 했지만 실제 인스턴스화 하는 과정을하지는 않고 tomcat이 이를 대신했다. 즉, WAS는 Servlet 컨테이너를 가지고 있다는 뜻, 실제로 서블릿클래스를 메모리에 올리고 실행하는 것은 WAS가 가지고 있는 서블릿 컨테이너가 하는 것 이다. - 즉, 컨테이너는 프로그래머가 작성한 코드를 처리하는 독립적인 존재이며, 프로그래머가 정한 설정을 바탕으로 객체의 생성과 소멸을 제어한다. IOC(Inversion of Control) - '제어의 역전'이라고도 불린다. - 개발자가 코드를 작성하고 이 코드에 대..

HTML Templationg - 반복적인 HTML부분을 template로 만들어두고, 서버에서 온 데이터(주로JSON)을 결합해서, 화면에 추가하는 작업이라고 할 수 있다. - 서버로 부터 데이터를 받고, 이 데이터를 반영하는 일이 많다. 이럴 때 HTML 형태는 그대로이고, 데이터만 변경이 되는 경우가 있는데, 그럴때 HTML Templating이라는 개념을 도입하면 좋다. - 예를 들어, 아래 화면에 데이터를 Ajax로 받아와서 화면에 추가해야 한다고 생각해보자. JSON 형태의 데이터를 받을 것이고, 아래 리스트들의 내용은 모두 HTML 형태는 그대로이고 데이터만 서로 다르다. 이때 사용하는 개념이 HTML Templating 이다. *HTML Templating HTML Template의 보관 ..

여러개의 이벤트 등록 - 여러개의 이벤트를 등록할 때 반복문을 이용해 이벤트를 여러개 등록 할 수 있다. 반복문 형식 : *main.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Document Colored by Color Scripter cs *style.css 1 2 3 4 5 6 7 8 9 10 11 12 li {list-style:none;} ul > li { display:inline-block; padding:10px; border:1px solid gray; } .product-image { width:100px; height:auto; } cs *eventDelegation.js 1 2 3 4 5 6 7 8 var..

transform(변형) - 이차원 좌표에서 요소를 변형시키는 프로퍼티이다. - 값에는 translate(), scale(), rotate(), skew() 4종류의 트랜스폼 함수를 사용해 이동, 확대축소, 회전, 경사를 만들 수 있다. 형식 : transform : 트랜스폼 함수; ex) transform: rotate(45deg); 이동(translate) - translate() 함수는 요소를 X축 방향이나 Y축 방향으로 이동시킬 수 있다. - X축 방향값을 플러스로 하면 오른쪽으로, 마이너스로 하면 왼쪽으로 이동한다. - Y축 방향값을 플러스로 하면 아래로, 마이너스로 하면 위로 이동한다. 형식 : translate(x축 방향의 거리, y축 방향의 거리(생략가능) ) translateX(x축 방향..