본문 바로가기

전체 글

 (58)
[ 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 - ④ jQuery # Contents jQuery 란? jQuery 학습을 위해 준비할 것 jQuery 시작하기 # 1. jQuery란? JQuery는 모든 브라우저에서 동작하는 클라이언트 사이드 자바스크립트 라이브러리이다. 2016년 1월, 존 레식(John Resig)이 BarCamp NYC에서 발표 write less, do more 특징 크로스 브라우징 지원 오픈 소스 프로젝트 - 무료로 사용 가능 사용자가 기능 확장 가능 선택 기능 우수해서 DOM과 관련된 처리가 쉽다 이벤트 연결을 쉽게 구현 시각적 효과 우수 Ajax 애플리케이션 개발이 쉽다. # 2. jQuery 학습을 위해 준비할 것 텍스트 편집기 - 이클립스 JDK; 자바 개발 툴킷 이클립스(Eclipse); 자바개발을 지원해주는 자바 개발 도구 웹 서버..
[ 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..
[ JS ] Day 12 - ① JavaScript 기본 # Java Script 자바 스크립트의 등장 : 스크립트는 웹 페이지의 처리 능력을 향상시키기 위해 등장. 자바 스크립트 특징 유니코드 기반 프로그래밍 언어 대소문자 구별 동적 바인딩 -> 변수의 형을 지정할 필요 X 객체지향 HTML 문서에 혼합 사용 가능 # Java Script Example # Java Script 기본구조 (1) 자바 스크립트 기술 방법 html안에 기술 외부 파일(js 형식)로 작성하여 source 속성을 이용하여 삽입. (2) 자료형 문자형: ''나 ""부호에 묶인 형태의 자료형 null형: 내용이 전혀 없음을 나타낼 때 사용하는 자료형 특수 문자 ...더보기 Escape Sequence 의미 '\n' 커서를 다음 줄로 이동(New Line) '\t' 커서를 탭 키를 누른 ..
[ JSP ] Day 12 - ② File Upload # File Upload (1) HTML - uploadForm.html file을 업로드할 때, 태그의 type 속성 값을 file로 지정한다. ...더보기 File Upload 작성자 제목 : 파일 명 : (2) JSP - upload.jsp 파일을 가져올때는 반드시 MultipartRequest로 받아야한다. 가장 유명함. ...더보기 Result

티스토리툴바