청년취업아카데미 (34) 썸네일형 리스트형 [ Tiles ] Tiles 란? # 타일즈(Tiles) 타일즈 : 화면의 레이아웃 기능을 제공하는 오픈 소스 라이브러리 특징 페이지 레이아웃을 쉽고 단순하게 구현할 수 있음 공통된 레이아웃을 사용하므로 유지관리가 용이 타일즈 설치 1. pom.xml에 dependency 기술하면 자동으로 타일즈 관련 라이브러리 설치 2. servlet-context.xml의 viewResolver 변경 타일즈 적용과정 tile.xml을 작성 레이아웃용 JSP 구현 레이아웃에 표시할 JSP를 구현 컨트롤러에서 tile.xml에 설정한 뷰이름을 반환 ** 반드시 tiles_member.xml에서 지정한 경로에 레이아웃 관련 JSP들이 위치해야 합니다. tiles_member.xml 설정에 따라서 각각의 위치에 JSP를 표시합니다. # References .. [ JSP ] Day 16 - JSP Project 파일 # MVC Pattern 2를 이용한 프로젝트 MVC 패턴을 이용한 게시판 프로젝트 [ JSP ] Day 14 - ② MVC 2 패턴으로 개발하기 # Project Structure 더보기 MVC 스타일의 이해를 돕기 위한 프로젝트구조이다. 자바 소스에는 Controller와 Model을 구현하는 control, dao, service 패키지가 있고, WebContent 아래에는 View를 구현하는 jsp 파일이 있다. MVC 2 패턴은 크게 Model, View, Controller로 구성됩니다. Model과 Controller는 자바 프로그램으로 구성되고, 뷰는 JSP 파일로 구성됩니다. MVC 패턴과 JSP 모델 2 구조의 매핑 컨트롤러(Controller) = 서블릿 = control 패키지 모델(Model) = 로직 처리 클래스, 자바빈 = dao, service 패키지 뷰(View) = JSP = WebContent/*.jsp 사용자(U.. [ JSP ] Day 14 - ① MVC # 1. MVC Pattern이란? MVC(Model-Veiw-Controller) 패턴은 아키텍처 스타일 중 하나입니다. 아키텍처 스타일은 디자인 패턴보다 훨씬 큰 개념입니다. 비지니스 영역과 로직 영역을 명확히 구분하기 위해서 만들어 졌습니다. 하지만 MVC Pattern Model 1에서는 JSP 페이지에서 로직을 모두 처리하여, 로직 분리가 잘되있지 않아서 가독성이 떨어지고 유지보수가 어려워 완전히 분리된 모델인 MVC Model 2가 탄생하게 되었습니다. MVC Model 2의 큰 특징은 Controller의 등장입니다. MVC 패턴은 크게 모델, 뷰, 컨트롤러 세부분으로 구성되며, 각각의 요소는 다음과 같은 역할을 합니다. 모델 : 비지니스 영역의 로직을 처리 뷰 : 비지니스 영역에 대한 프레.. [ JS ] Day 13 - ③ AJAX 예제 - 아이디 중복 확인 ...더보기 # Read Before 아이디 중복을 확인하는 AJAX 코드입니다. 이 포스팅에서는 html 코드와 요청을 처리해주는 jsp 코드, DAO class를 포함합니다. # 아이디 중복 확인 html Code html에서 script 태그를 통해 AJAX를 이용 $ 표시는 jquery를 뜻함. Ajax에 대해 더 알아 보기 --> 2019/07/26 - [Employment Academy] - [ JS ] Day 13 - ② Ajax 아이디 : 암호 : 이름 : confirmId.jsp MemberDAO의 confirm(String id) 메소드를 통해 회원 목록에 있는 지 확인 memberDAO package ajax; import java.sql.Connection; import java.s.. [ JS ] Day 13 - ② Ajax # Semantic Web (1) 시맨틱 웹이란? XML을 활용하여 컴퓨터가 정보의 뜻을 이해하고 자동화된 처리를 할 수 있는 인공지능형 웹 웹 2.0 서비스로 주목 받는 많은 웹 서비스가 XML을 사용한 정보 교환에 기반 하이퍼 링크로 연결된 단순한 거미줄 -> 의미로 연결된 아주 촘촘한 그물망 (2) 시맨틱 웹을 위한 기본 정보를 활용하기 위해서는 모양과 내용이 분리되어야 한다. 바이너리 형태의 정보는 HTML, XML 형태로 바꾸어야한다. URI는 변하지 않아야한다. URI(Uniform Resource Identifier) URL(Uniform Resource Locator) 웹 페이지의 주소는 변하지 않고 항상 동일하게 유지되어 두려움 없이 연결 # Ajax (1) Ajax란? AJAX : As.. [ JS ] Day 13 - ① 브라우저 객체 DOM 객체 (1) BOM 객체 BOM, Browser Object Model: 웹 브라우저와 관련된 객체의 집합 window, location, navigator, history, screen, document 객체 협의의 브라우저 객체 모델은 document 객체문서는 제외 객체 모델DOM, Document Object Model 에 포함 객체 설명 window 창에 대한 전반적인 모든 상황을 제어하는 최상위 객체입니다. 자바스크립트에서 사용되는 모든 객체는 window 객체의 하위에 존재합니다. 예를 들어 상태 바에 메시지를 출력하려면 window 객체로 접근해야 합니다. document 문서에 대한 정보를 제어하는 객체입니다. 이미지나 폼을 구현할 경우 웹페이지의 문서에 출력합니다. documen.. [ JS ] Day 12 - ② JavaScript 객체 # 자바 스크립트 객체 * 객체 지향 프로그래밍이란 프로그램을 작성하는데 필요한 모든 요소를 사람들의 사고방식과 비슷하게 모델링한 것임 객체는 속성과 메소도로 나누어 구성 속성 : 객체를 구성한 물리적인 구성요소들 의미 메소드 : 객체들로 할 수 있는 모든 동적 활동 의미 # 객체 배열은 객체와 유사한데 배열은 데이터에 접근할 때 인덱스를 이용하지만 객체는 인덱스를 이용하지 않고 키를 이용해서 접근함. 객체 생성; var 객체명 = {키:데이터, 키:데이터} 객체의 요소 접근; 객체명[키] 또는 객체명.키 객체 메소드; 멤버로 메소드 가능 for-in in: 객체에 속성이 있으면 true 리턴 객체 속성 객체의 속성 추가; 객체.속성 = 값; 객체의 속성 제거; delete(객체.속성) 생성자 함수; f.. 이전 1 2 3 4 5 다음
