간단한 태그의 id값 가져오기function mousehover(e){ alert("ID : " +document.getElementById(e.getAttribute('id')).getAttribute('id'));}라이언

document.getElementById()를 사용하면 HTML 태그의 속성들을 변경해줄 수 있다. 간단하게 아래 코드를 통해 몇 개만 알아보면, - 배경색 변경 : document.getElementById().style.backgroundColor="#색상";- 디스플레이 유무 : document.getElementById().style.display="none(or block)";- URL입력 : document.getElementById().src="url 입력"; 보통 태그안에서 사용하는 style 속성의 font-weight라던지, background-color같이 '-'로 나누어져있는 부분은 이어 붙인 뒤 대문자 처리를 해준다. 1234567891011121314151617181920212..

JQuery를 마지막으로 사용해서인지 자바스크립트 일부 속성을 간혹 까먹는다. 안타깝게도 입사 후 JQuery기반은 지금껏 만져본 적이 없다..그래서 이번에 가장 많이 쓴(?) document.getElementById() 속성을 기록해두려고 한다. document.getElementById('ID값') document.getElementById('LSH')는 id값이 LSH인 HTML 요소를 가져온다. 이렇게 가져온 id값을 통해 라디오 박스 또는 셀렉트 옵션값 설정, 특정 값 입력, 스타일 변경 등 다양한 행위를 할 수 있게 된다. 먼저 innerHTML에 대해 소개한다. innerHTML은 내부 HTML을 문자열로 가지고 있기 때문에 DOM을 쉽게 조작할 수 있다. ☞ DOM이란?쉽게 innerHT..

DB 함수 생성 작업 중 처음 보는 SQLCODE가 조회되었습니다.. 원인을 찾으려고 이것저것 해보다가 유용한 함수 하나를 발견했습니다. DBMS_OUTPUT.PUT_LINE(SQLERRM); SQLERRM은 오류 코드(SQLCODE)와 관련된 메세지를 반환해주는 함수입니다. FN_GET_WORKTM이라는 함수에는 예외 처리로 SQLCODE를 리턴해주고 있는데 검색 중 발견한 함수를 바로 사용해봤습니다. 그리고 다시 조회를 해봤습니다. 오류 메시지가 출력되고 아래 DBMS OUTPUT에서 그 이유를 찾을 수 있었습니다. ORA-06502: PL/SQL: 수치 또는 값 오류 문자열 버퍼가 너무 작습니다. 원인은 함수에서 조회 된 컬럼의 크기보다 리턴하는 변수의 크기가 작았기 때문이었습니다. 예를 들어, A..

요근래 신규 프로그램 개발 건으로 정신없이 시간이 지나간 것 같다. 그래서 포스팅도 많이 못했고..오늘은 가장 최근에 쿼리를 압축해 함수를 만들면서 오류를 잡았던 과정을 기록하려고 한다.DB 함수는 많이 만들어본 경험이 없어서 조금 버벅거렸다. 쿼리문을 정리하고 컴파일. 예상했던대로 오류..아래 오류 내용을 살펴봤다. ORA-00947 : 값의 수가 충분하지 않습니다. 확인 결과, 해당 오류는 INSERT하고자 하는 컬럼 수와 입력하고자 하는 항목의 수가 다른 경우 발생한다.현재 함수에서는 SELECT된 결과를 정의된 변수들에게 입력을 해주고 있다. 그리고 해당 변수들을 리턴하는 식. 즉, SELECT된 컬럼이 모두 사용되지 않았기 때문에 문제가 발생한 것이었다. 이해를 쉽게하기 위해 아래 TEST용 함..

UNION두 테이블을 결합하며, 중복되지 않는 값들을 반환한다. UNION ALL두 테이블을 결합하며, 중복되는 값들도 반환한다. 즉, UNION과 UNION ALL은 두 개 이상의 테이블에서 조합된 데이터를 출력하고자 할 때 사용한다. 아래 결과는 테스트를 위해 더미 테이블을 결합한 결과이다. SELECT A.*FROM ( SELECT 1 SEQ, 'LSH' PNAME, 'M' GENDER, '01012345678' TEL FROM DUAL UNION ALL SELECT 2 SEQ, 'WBN' PNAME, 'F' GENDER, '12312345678' TEL FROM DUAL ) AUNIONSELECT B.*FROM ( SELECT 1 SEQ, 'LSH' PNAME, 'M' GENDER, '010123..

SELECT BOXSELECT BOX를 이용해 어떤 이벤트를 실행하고자 할 때는 주로 onchange 이벤트를 사용한다.onchange는 input이나 select 등의 데이터가 변경될 때 호출되는 이벤트이다. 아래 예제는 OnChange()라는 함수를 만들어 셀렉트 박스의 인덱스 번호를 구해서 이미지를 바꿔봤다.select option의 인덱스는 0부터 시작하며 라이언을 선택하면 1, 어피치를 선택하면 2가 된다. document.getElementById("KaKaoF").selectedIndex는 KaKaoF라는 id값을 가진 SELECT BOX의 인덱스 번호를 가져온다. 그리고 document.getElementById("KaKaoF").options[인덱스 번호].value를 통해 선택된 값을 ..

스칼라 서브 쿼리(Scalar Subquery) 사용자가 원하는 조건의 데이터를 조회시킬 때 흔히 서브 쿼리를 사용한다.스칼라 서브 쿼리는 SELECT절에서 사용하는 서브 쿼리를 뜻한다.아래 쿼리문과 같이 스칼라 서브 쿼리는 단건의 데이터가 나와야 한다. SELECT 'QUERY TEST' A1 , ( SELECT 'SCALAR SUBQUERY' A2 FROM DUAL ) A2 FROM DUAL; 만약 데이터가 한 건이 넘는다면 에러가 난다. SELECT 'QUERY TEST' A1 , ( SELECT 'SCALAR SUBQUERY' A2 , 'ERROR COLUMN' A3 FROM DUAL ) A2 FROM DUAL; 인라인 뷰(Inline View) 인라인 뷰는 FROM절에서 사용되는 쿼리를 말한다...