web developer👩🏻‍💻

드래그 앤 드롭 API를 사용하면 HTML 임의의 요소에 드래그한 파일 처리가 가능하다. dragenter 박스 안에 Drag 들어왔을 때 dragover 박스 안에 Drag를 하고 있을 때 dragleave 박스 밖으로 Drag가 나갈 때 drop 박스 안에서 Drag를 Drop했을 때 $(function(){ // drag and drop test를 위함. var uploadBox = document.querySelector('#divID'); // 파일 담아줄 input 객체 필요없음 // event.dataTransfer.files 여기에 drop한 파일의 정보가 담김 /* 박스 안에 Drag 들어왔을 때 */ uploadBox.addEventListener('dragenter', function..

for in : 객체의 프로퍼티명을 열거하는 반복문 1. 프로퍼티를 열거하는 순서 위의 예제 코드 중 객체 리터럴 식에 쓴 것에 대한 결과값이 순서대로 나오기는 하였지만 객체 리터럴에 쓴 순서대로 열거되지 않습니다. 다시말해서 순서가 보장되는 것이 아닙니다. 원래 프로퍼티 간에는 순서가 없는 것으로 순서를 의식하는 것 자체가 잘못된 것입니다. 한편, 배열의 경우는 순서를 의식하는 데이터타입입니다. 위의 배열 코드에서도 마찬가지로 기대한 순서를 보이고는 있지만 for in 문은 순서를 보장하지 않기 때문에 이 같은 동작 방식에 지나치게 의존해서는 안됩니다. 2. 열거할 수 없는 프로퍼티의 존재 두번째로 주의할 점은 for in 문에 나열할 수 없는 프로퍼티의 경우입니다. 예를 들어, 배열 객체에는 leng..

jstree : jQuery 기반으로 트리형식의 구조를 지원해 웹에 출력을 도와주는 라이브러리 jstree, jquery 스크립트 및 css 1. node가 loaded 되었을때 실행 - $('#jstree').on('loaded.jstree', function (e, data) { }); 2. node가 change 되었을때 실행 - $('#jstree').on('changed.jstree', function (e, data) { }); 3. node가 select 되었을때 실행 - $('#jstree').on('select_node.jstree', function (e, data) { }); 모든 node 열기 : $('#jstree').jstree('open_all'); select_node : 특..

은 태그의 여러 항목들을 그룹으로 묶어야 할 때 사용한다. lable 속성을 이용하여 그룹의 제목을 그룹의 제목을 붙일 수 있으며 의 필수 속성이다. ::선택하세요:: 작은그룹1-1 작은그룹2-1 작은그룹3-1 작은그룹2-1 작은그룹2-2 작은그룹2-3 작은그룹2-4

테이블 락 LOCK TABLE 테이블명 IN EXCLUSIVE MODE; 락이 걸린 테이블 확인 select * from v$locked_object where oracle_username = '사용자명'; 락이 걸려있는 테이블 갯수 확인 select count(*) from v$locked_object vo , dba_objects do where vo.object_id = do.object_id; 락 걸린 세션 확인 select a.sid, a.serial# from v$session a, v$lock b, dba_objects c where a.sid=b.sid and b.id1=c.object_id and b.type='TM'; 락이 걸린 테이블명을 알고 있는 경우 select a.sid, a.s..