본문 바로가기

전체 글86

[Java] DAO 작성/ 예제 DAO : Data Access Object 데이터 베이스 관련 작업을 전담하는 클래스 데이터 베이스에 연결하여 입력, 수정, 삭제, 조회 등의 작업을 하는 클래스 CRUD 작업 CREATE (INSERT) READ (SELECT) UPDATE DELETE DAO 작성 DAO는 JDBC(Java Data Base Connection)를 이용해서 자바와 데이터 베이스를 연결한다. JDBC는 자바에서 데이터 베이스를 사용하기 위한 절차에 대한 규약이다. 사용하는 DBMS를 자바에 연결하여 사용하기 위해 해당 DBMS의 드라이버를 설치해서 DB에 접근할 수 있다. dao를 작성하기 이전에 자바와 오라클(DBMS)간의 연동 JAR 파일 라이브러리에 추가하기 프로젝트 우클릭 - Properties - Java B.. 2019. 11. 27.
[Java] MVC 패턴 MVC 패턴이란? Model View Controller의 약자로 애플리케이션을 세 가지 역할로 구분한 소프트웨어 개발 방법론이다. 이를 디자인 패턴이라 하는데, 디자인 패턴이란 개발 시에 필요한 규약을 지정해서 특정한 구조로 만든 것이다. 디자인 패턴을 사용하면 코드가 명확하고 단순해지고, 재사용성이 높아지며 유지보수가 쉬워진다. Model 모델 Model은 Controller의 요청을 받아 내부 비지니스 로직을 처리한다. DB와 연결하여 사용자의 요청에 따라 필요한 데이터를 다룬다. Model에 변화가 있을 때 Controller와 View에 통보한다. DBMS에 의해 관리되고, 연산은 SQL문을 사용한다. View 뷰 Controller 에서 전달받은 데이터를 사용자가 볼 수 있게 출력한다. 웹과 .. 2019. 11. 27.
[JQ] 제이쿼리 부모, 자식 탐색 메서드 예시로 사용할 HTML * 부모, 자식 탐색 메서드 * 사과 바나나 키위 딸기 메론 find("selector") 메서드 $("element").find(["selector"]) 선택한 엘리먼트들의 자손들 중에 탐색하고자 하는 엘리먼트를 찾는다. children("selector") 메서드 $("element").children(["selector"]) 선택한 엘리먼트의 자식요소들 중에 탐색하고자 하는 엘리먼트를 찾는다. parent()/ parents("selector") 메서드 $("element").parent(["selector"]) $("element").parents(["selector"]) 선택한 엘리먼트의 부모/ 조상 엘리먼트를 찾는다. next("selector") 메서드 $("eleme.. 2019. 11. 25.
[JQ] 필터 셀렉터 Filter Selector : first 엘리먼트의 첫 번째 요소 선택 $("element:first") : last 엘리먼트의 마지막 요소 선택 $("element:last") : even 엘리먼트의 짝수번째 요소를 모두 선택 $("element:even") : odd 엘리먼트의 홀수번째 요소를 모두 선택 $("element:odd") : eq (index) index에 해당하는 요소를 선택 $("element:eq(index)") : gt (index) index 이후의 요소를 선택 $("element:gt(index") : lt (index) index 이전의 요소를 선택 $("element:lt(index") : has (selector) selector요소를 하나 이상 포함하고 있는 요소를 선택 $("element:has.. 2019. 11. 25.
[JQ] attr( ) 과 prop( ) 차이점 attr HTML의 속성(attribute)을 가져온다. 속성(Attribute)은 HTML 요소 안에 이름="값" 의 형태로 존재하면서 엘리먼트의 추가적인 정보를 담고 있다. prop JavaScript의 속성(property)을 가져온다. JavaScript로 가져온 dom 객체 (node, node list) boolean, date, function 등 2019. 11. 25.
[JQ] 제이쿼리 설치 JQuery 제이쿼리 JQuery 제이쿼리란 오픈 소스 기반의 자바스크립트 라이브러리이다. 자바스크립트에서 자주 사용되는 로직들을 손쉽게 사용할 수 있도록 묶어놓아 사용이 간편하고 짧고 단순한 코드로 구현할 수 있다. 제이쿼리 사용하기 ① : 라이브러리 파일 다운로드 다운로드 사이트 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidt.. 2019. 11. 25.
[JS] 도큐먼트 부모, 자식 탐색 부모탐색 : parentNode 선택한 요소의 부모를 탐색하는 속성은 parentNode 이다. 부모란 직계 상위 요소이기 때문에 두 개 이상일 수 없다. 따라서 Node 하나를 리턴한다. HTML p태그의 부모태그를 찾아보자! JS var p = document.getElementsByTagName("p")[0];// p요소 선택 var parent = p.parentNode; console.log(parent); // 선택된 p요소의 부모요소 리턴 자식탐색 : childNodes 선택한 요소의 자식을 탐색하는 속성은 childNodes 이다. 자식 노드는 한 요소에 하나 이상 존재할 수 있기 때문에 자식 노드들을 Node List로 반환해준다. HTML Chelsea FC FC Barcelona FC.. 2019. 11. 22.
[JS] DOM Element 문서 객체 모델 The Document Object Model DOM 이란 XML이나 HTML 문서에 접근하기 위한 방법을 제공한다. 프로그래밍 언어는 제공된 방법에 따라 XML이나 HTML 문서의 문서 구조, 스타일, 내용 등을 변경할 수 있다. DOM 요소 선택 자바스크립트에서 HTML 요소를 다루기 위해서는 우선 해당 요소를 선택해야 한다. 특정한 요소를 선택하기 위해서 제공되는 방법은 여러가지가 있다. [JS] 도큐먼트 탐색 메소드 Document 도큐먼트 Document Document 객체란 웹 페이지 그 자체를 의미한다. 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때 Document 객체의 수많은 속성과 메소드를 사용할 수 있다. 그 중 HTML 요소를 탐색하는 메.. mintpar.. 2019. 11. 21.
[JS] 배열 Array 배열 Array 자바스크립트의 배열이란 관련 있는 데이터들를 하나의 변수에 할당하여 관리하기 위해 사용하는 데이터 타입이다. 자바스크립트는 명시적 타입이 없는 언어이므로, 하나의 배열 내에 여러 자료형의 데이터를 담을 수 있다. 저장된 데이터는 인덱스를 이용하여 접근이 가능하다. 인덱스는 0부터 시작해서 배열의 길이 - 1까지 존재한다. 배열 선언/ 정의/ 초기화 기본적인 선언방식 new 키워드를 사용해서 배열을 선언하는 방법이다. var arr = new Array(); 선언과 정의를 동시에 하는 방식 배열의 길이가 5이고 초기값이 들어있지 않은 빈 배열을 생성한다. var arr = new Array(5); 선언과 정의, 초기화를 동시에 하는 방식 배열의 길이가 5이면서, 값이 들어있는 배열을 생성한.. 2019. 11. 21.

티스토리툴바