2016년 10월 4일 화요일

[Ajax강의,jQuery강의,자바강의★탑크리에듀]특정 위치 문서 객체 선택 jquery selector

특정 위치 문서 객체 선택

필터 선택자 : eq(), first(), last()

<html>
<head>
<meta charset="utf-8"/>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
//eq() : 양수, 음수입력 가능, 음수면 뒤에서 부터
$(document).ready(function() {
$('h3').eq(0).css('background', 'blue');
$('h3').eq(-1).css('background', 'red');
//h1의 속성 입력하고 추가로 h2 의 css 지정
$('h1').css('background', 'gray').add('h2').css('float','left');
});
</script>
<body>
<h3>오라클자바커뮤니티-0</h3>
<h3>오라클자바커뮤니티-1</h3>
<h1>오라클자바커뮤니티-2</h1>
<h2>오라클자바커뮤니티-3</h2>
</body></html>

[Ajax강의,jQuery강의,자바강의★탑크리에듀]jquery 강좌 기본 필터링 메소드 filter()

filter() 메서드 : 문서 객체에 대한 필터링

$(‘selector’).filter(); $(‘seletor’).filter(function (index) {});

<html>

<head>

$(document).ready(function() {

$('h3:even').css( {

backgroundColor: 'Black',

color: 'White'

});

alert(1);

$('h3').filter(':even').css ({

backgroundColor: 'Green',

color: 'White'

});

alert(2);
$('h3').filter(function (index) {
return index%2 == 0;
}).css({
backgroundColor: 'Yellow',
color: 'Black'
});
alert(3);
$('h3').css('background', 'orange').filter(':even').css('color','red');
}); </script>
<body>
<h3>오라클자바커뮤니티</h3>
<h3>오라클자바커뮤니티프로그래밍실무학원</h3>
<h3>오라클자바커뮤니티시스템즈</h3>
<h3>오라클자바커뮤니티</h3>
<h3>OnJ</h3>
</body>
</html>

[Ajax강의,jQuery강의,자바강의★탑크리에듀]ajax XMLHttpRequest의 개요(ajax 강좌)

XMLHttpRequest의 개요

MS(마이크로 소프트)는 Internet Explorer(IE)가 자바스크립트로부터 XML을 불러올 수 있도록 XMLHttpRequest를 설계.
XMLHttpRequest객체는 현재 대부분의 브라우저에 내장되어 있는 객체이다.
W3C 의 표준이 아니므로, IE에서는 ActiveX Component 형식으로 구현되었고, 다른 브라우저들(FireFox, Safari, Opera)은 native javascript 객체로 구현.
XMLHttpRequest는 실제로 자바스크립트에 대한 일반적인 HTTP 클라이언트 이기 때문에 GET과 POST HTTP 요청을 서버에 할 수 있다.
클라이언트와 서버간의 통신을 담당하는 객체.

XMLHttpRequest는 간단한 API와 몇 가지 메서드와 속성들을 제공한다. 그러나 브라우저간의 차이점이 존재하기 때문에 “Cross-Brower”(브라우저의 종류에 관계없이 동작) 부분을 생각할 필요가 있다.
내용의 변경 없이 새로운 컨텐츠를 불러올 수 있다.
JavaScript로 동기 방식의 호출을 할 수 있다.

XMLHttpRequest 객체 생성
Internet Explorer ActiveXObject
IE는 ActiveXObject를 사용해서 서버와 통신하며 2가지 객체가 있다
Msxml2.XMLHTTP
Microsoft.XMLHTTP
Msxml2.XMLHTTP는 IE 5.0 이후의 버전이고 Microsoft.XMLHTTP는 IE 5.0이전 버전이다.
가능한 두 종류를 보장해서 XMLHttpRequest를 정의할 필요가 있다. 왜냐하면 “Microsoft.XMLHTTP”를 사용하지 않는 다는 보장을 할 수 없기 때문이다.

if (window.ActiveXObject) { //IE
    try {
        return new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
        try {
     return new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e) {
     return null;
}
    }
}

Internet Explorer ActiveXObject 이외

IE 이외 브라우저를 사용하여 애플리케이션을 실행하면 XMLHttpRequest 객체가 생성되지만, IE 브라우저로 애플리케이션을 실행하면 XMLHttpRequest 객체가 생성되지 않는다.
XMLHttpRequest 객체 생성 예

if (window.XMLHttpRequest) { //IE 이외(FireFox, Opera등)
    try {
        return new XMLHttpRequest()
    } catch(e) {
        return null;
    }
}

[Ajax강의,jQuery강의,자바강의★탑크리에듀]ajax 개요, 사용예, 아작스란

AJAX 개요

비동기적 Javascript 언어와 XML 등의 기타 웹 표준을 종합적으로 사용하는 기술로서 Web 2.0의 핵심 기술.

AJAX의 개별 기술은 신기술이 아니지만 이들을 종합적으로 활용하는 기술이 핵심임.(기존의 기술들을 효율적으로 조합해 사용)

구글맵과 더불어 2005년 부터 AJAX라는 용어의 등장과 함께 웹 분야에서 주목을 받고 있는 최신 기술임

JavaScript, XML, HTML, DHTML, XmlHttpRequest, DOM, CSS등을 기반으로 작성됨

AJAX 사용예(http://maps.google.com)

Ajax 로만 구현
완벽한 멀티 플랫폼 서비스
위성사진 제공
API공개로 각종 변종 서비스 제공
MSN Virtual Earth, A9 Maps 등 경쟁서비스 봇물

AJAX 사용예(Google Suggest )
(http://www.google.com/webhp?complete=1&hl=en)
검색어에 대한 추천단어 서비스
Ajax를 이용한 대표적 서비
국내 포탈도 동일서비스 제공

AJAX 사용 예(DAUM 주소록)
AJAX 사용 예(DAUM 주소록)

- 주소정렬, 검색, 편집 시 DOM과 Ajax 사용
- 주소를 두 번 클릭하면 간단하게 정보를 수정.
- 메일 검색 시에 순차적으로 검색결과를 가져온다

2016년 9월 28일 수요일

[오라클학원,SQL학원,PLSQL학원추천◆탑크리에듀]#10. [PLSQL강좌]%ROWTYPE 속성

#10. [PLSQL강좌]%ROWTYPE 속성

%ROWTYPE 속성

n SELECT LIST에서 전체 칼럼을 선택해서 변수에서 받을 때(SELECT * ) 유용하게 이용된다.

n 어떤 테이블의 ROW(로우, 행, 레코드)와 타입을 같이 하라는 속성이다.

n 테이블의 칼럼에 대해 잘 모르는 경우, 칼럼의 속성들이 자주 변하는 경우에 유용하다.

SQL> edit ojc10

SET SERVEROUTPUT ON

CREATE OR REPLACE PROCEDURE ojc10(p_empno IN NUMBER)

emp_record emp%ROWTYPE;

BEGIN

SELECT *

INTO emp_record

FROM emp

WHERE empno = p_empno ;

DBMS_OUTPUT.PUT_LINE(emp_record.empno || ',' || emp_record.ename || ',' || emp_record.sal || ',' || emp_record.deptno);

END;

SQL> @ojc10

프로시저가 생성되었습니다.

SQL> exec ojc10(7369)

7369,SMITH,4500,20

[오라클학원,SQL학원,PLSQL학원추천◆탑크리에듀]#9. [PLSQL강좌]%TYPE 속성

#9. [PLSQL강좌]%TYPE 속성

n 실무에서 테이블의 모든 칼럼에 대해 데이터 타입 및 길이를 정확히 알고 있을 수는 없고, 가끔 칼럼 사이즈는 변하기도 한다.이 경우 %TYPE 속성을 사용한다면 능동적으로 대처할 수 있다.

n 변수의 데이터 타입을 어떤 테이블의 어떤 칼럼과 같이 하라는 의미 또는 이전에 정의한 다른 변수와 타입을 같이하라는 의미를 지닌다.

DECLARE

v_ename emp.ename%TYPE;

v_sal emp.sal%TYPE;

tot_sal v_sal%TYPE;

[오라클학원,SQL학원,PLSQL학원추천◆탑크리에듀]#8. PLSQL복합데이터타입(Composite Data Type, Record Type)

#8. PLSQL복합데이터타입(Composite Data Type, Record Type)

Record Type

n 프로그래밍 언어의 구조체와 유사하다.

n 하나의 레코드 타입안에는 Scalar Data Type, 다른 Record Type, Table Type들을 가지고 있어야 한다.

n 먼저 TYPE을 정의 후 변수의 데이터 타입으로 할당하여 사용한다.

n 다음과 같이 Table Type을 정의할 때 Record Type을 사용할 수도 있다.

DECLARE

TYPE empRecordType IS RECORD (

empno SMALLINT,

ename VARCHAR2

);

TYPE empTableType IS TABLE OF empRecordType

INDEX BY BINARY_INTEGER;

SQL> edit ojc9

SET SERVEROUTPUT ON

CREATE OR REPLACE PROCEDURE ojc9(p_empno IN NUMBER)

TYPE emp_record_type is record (

empno emp.empno%TYPE,

ename emp.ename%TYPE,

sal emp.sal%TYPE

);

emp_record emp_record_type;

BEGIN

SELECT empno, ename, sal

INTO emp_record.empno, emp_record.ename, emp_record.sal

FROM emp

WHERE empno = p_empno;

DBMS_OUTPUT.PUT_LINE(emp_record.empno || ' : ' || emp_record.ename || ' : ' || emp_record.sal);

EXCEPTION

WHEN NO_DATA_FOUND THEN

DBMS_OUTPUT.PUT_LINE('no data...');

WHEN TOO_MANY_ROWS THEN

DBMS_OUTPUT.PUT_LINE('to many rows...');

END ojc9;

-- 위에서 작성한 ojc9.sql 파일을 실행하여 ojc9 라는 프로시저를 생성한다.

-- 오류가 발생하면 show errors로 확인 후 디버깅 해야 한다.

SQL> @ojc9

프로시저가 생성되었습니다.

SQL> exec ojc9(7788)

7788 : SCOTT : 3000

-- EMP 테이블에 없는사원번호를 입력, SELECT되는 데이터가 한건도 없으므로 오류발생.

-- EXCEPTION절로 빠져 WHEN NO_DATA_FOUND 처리부가 실행된다.

-- NO_DATA_FOUND는 오라클서버에 미리 정의된 예외명이며, 오라클 서버 오류인 ORA-01403에러에 대해 부여된 예외 명칭이다.

SQL> exec ojc9(1234)

No data…