본문 바로가기

전체 글

(26)
[jQuery] 03. 추가적인 선택자 자손선택자(>)와 후손선택자( ) * 자손선택자(>)와 후손선택자( ) 자손1 div의 후손이면서 ul의 자손1 div의 후손이면서 ul의 자손2 div의 후손이면서 ul의 자손3 div의 후손이면서 ul의 자손4 div/ul의 후손이면서 li의 자손 자손2 자손3 속성선택자 선택자[속성] : 특정 속성을 가지고 있는 모든 요소 선택 선택자[속성=속성값] : 속성값이 특정값과 "일치"하는 모든 요소 선택 선택자[속성~=특정값] : 속성값에 특정값을 "단어로써 포함"하는 요소 선택 선택자[속성^=특정값] : 속성값이 특정값으로 "시작"하는 요소 선택 선택자[속성$=특정값] : 속성값이 특정값으로 "끝"나는 요소 선택 선택자[속성*=특정값] : 속성값에 특정값을 "포함"하는 요소 선택 입력양식 선택자 (in..
[jQuery] 02. 기본선택자 기본 선택자 아이디 선택자 특정 고유한 아이디 값을 가진 요소 하나만을 선택하고자 할 때 순수 자바스크립트 방식 document.getElementById("아이디명") 선택된 요소객체에 속성에 접근해서 값을 변경 (대입을 통해) jQuery 방식 $("아이디명") 선택된 요소객체에 메소드를 이용해서 값을 변경 태그 선택자 순수 자바스크립트 방식 document.getElementsBytagName("태그명") : 배열 반복문 이용해서 변경해야함 jQuery 방식 --> $("태그명") 반복문 이용할 필요X (한번에 변경 가능) 여러 종류의 태그들을 동시에 선택 가능 클래스 선택자 특정한 클래스 속성을 가진 요소들 선택하고자 할 때 사용 순수자바스크립트 방식 document.getElementsByCla..
[jQuery] 01. 개요 jQuery 개요 jQuery란? 기존에 자바스크립트 언어만으로 구현하기에 복잡했던 구문 작성들을 간소화 하기 위해 "존 레식"에 의해 개발된 JavaScript 기반 라이브러리(유용한 기능들의 모음집) 즉, JavaScript언어로 유용한 함수나 내용들이 이미 만들어져 있는(정의되어있는) 모음집 복잡한 자바스크립트 구문을 보다 짧고 쉽게 개발 가능(적은 양의 코드로 빠르고, 풍부한 기능 제공) jQuery 장점 DOM 요소와 관련된 스크립트를 보다 쉽게 구현할 수 있음 AJAX (비동기식 통신), 이벤트 처리 등등 폭넓게 지원함 jQuery와 관련된 확장형 플러그인, 오픈 API등을 지원(차트, 슬라이드, 애니메이션 등등) jQuery 라이브러리 연결 방법 head태그 내부에 script태그로 jQue..
[ORACLE] 06. CREATE(DDL) DQL (QUERY 질의) : SELECT DML (MANIPULATION 조작) : [SELECT], INSERT, UPDATE, DELETE DDL (DEFINITION 정의) : CREATE, ALTER, DROP DCL (CONTROLL 제어) : GRANT, REVOKE, [COMMIT, ROLLBACK] TCL (TRANSACTION) : COMMIT, ROLLBACK DDL(DATA DEFINITION LANGUAGE) : 데이터 정의 언어 오라클에서 제공하는 객체(OBJECT)들을 새로이 만들고(CREATE), 구조를 변경(ALTER)하고, 구조 자체를 삭제(DROP)하는 구문 주로 DB설계자, DB관리자가 사용하는 구문 오라클에서의 객체(구조) : 테이블(TABLE), 뷰(VIEW), 시..
[ORACLE] 05. SUBQUARY SUBQUERY (서브쿼리) 어떤 SQL문(SELECT, INSERT, UPDATE, DELETE, CREATE, ...) 안에 포함되어있는 또하나의 SELECT문 메인 SQL문을 보조 역할 하는 SELECT문(쿼리문) 간단 서브쿼리 예시1 노옹철 사원과 같은 부서에 있는 사원들의 이름 조회 -- 1) 먼저 노옹철 사원의 부서코드 조회 SELECT DEPT_CODE FROM EMPLOYEE WHERE EMP_NAME = '노옹철'; --> D9부서구나!! -- 2) 부서코드가 D9인 사원들 조회 SELECT EMP_NAME FROM EMPLOYEE WHERE DEPT_CODE = 'D9'; --> 위의 2단계를 하나의 쿼리문으로 합쳐보자!! (서브쿼리 적용 예시) SELECT EMP_NAME FROM E..
[ORACLE] 04. JOIN JOIN 두 개 이상의 테이블에서 데이터를 조회하고자 할 때 사용되는 구문 조회 결과는 하나의 결과물(RESULT SET)로 나옴 관계형 데이터베이스는 최소한의 데이터로 각각의 테이블에 담고있음 (중복을 최소화하기 위해서) → JOIN 구문을 이용해서 여러개의 테이블 간 "관계"를 맺어서 조회해야됨!! 무작정 JOIN을 해서 같이 조회하는게 아니라 테이블 "연결고리"의 컬럼 데이터를 "매칭" 시켜서 조회해야됨!! 등가조인(EQUAL JOIN) / 내부조인(INNER JOIN) 연결시키는 컬럼의 값이 일치하는 행들만 조인돼서 조회 (== 일치하는 값이 없는 행은 조회 X) 오라클 전용 구문 FROM 절에 조회하고자 하는 테이블들을 나열 (, 구분자로) WHERE 절에 매칭시킬 컬럼명(연결고리)에 대한 조건..
[ORACLE] 03. GROUP BY&HAVING GROUP BY 절 직접 그룹기준을 제시할 수 있는 구문 (해당 그룹기준별로 그룹을 묶어줄 수 있음) -- 전체 사원의 총 급여합 SELECT SUM(SALARY) FROM EMPLOYEE; --> 전체 사원들을 하나의 그룹으로 묶어서 총합을 구한 결과 (그룹 한개) -- 각 부서별 급여합 SELECT DEPT_CODE, SUM(SALARY) FROM EMPLOYEE GROUP BY DEPT_CODE; -- 전체 사원 수 SELECT COUNT(*) FROM EMPLOYEE; -- 각 부서별 사원수 SELECT DEPT_CODE, COUNT(*) FROM EMPLOYEE GROUP BY DEPT_CODE; -- 각 부서별 급여합을 부서코드별 오름차순 정렬해서 조회 SELECT DEPT_CODE, SUM(..
[HTML]03. 표관련태그 기본적인 표 만들기 (4행 3열) 브라우저명 제조사 홈페이지 Internet Explorer MS http://www,microsoft.com Chrome Google http://www.google.com Firefox Mozila http://www.mozilla.org