봉봉의 개인 블로그

javascript 이벤트 리스너에서 preventDefault() 와 stopPropagation() 그리고 return false 는 javascript 프로그래밍을 할때 이벤트 중단을 위해 자주 사용되는 코드들이다.이벤트 중단 시에 사용되는 방식에 대해서 간단하게 정리하면 아래와 같다.event.proventDefault() 현재 이벤트의 기본 동작을 중단한다.event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단한다.event.stopImmediatePropagetion() 현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단한다.return false jQuery를 사용할 때는 위의 두개 모두를 수행한 것과 같고, JQuery를 사용하지..

Internet Explorer 에서 생기는 문제점일반적으로 for 문은 아래와 같이 사용한다.123for(var i = 0 ; i

IE 에서의 의 리셋 방법파일을 선택할 수 있는 방법을 제공하는 엘리먼트는 선택 된 파일이 변경 된 경우 change 이벤트를 발생시킵니다.하지만 파일 선택창을 열어 동일한 파일을 연속해서 선택한 경우에는 선택 된 파일이 변경되지 않기 때문에 change 이벤트가 발생하지 않게 되는데, 이러한 경우에도 change 이벤트를 발생시키도록 하기 위해서는 파일폼을 초기화 해주는 작업(reset)이 필요합니다.파일폼을 초기화 하기 위해 사용 할 수 있는 가장 간단한 방법은 엘리먼트의 reset 메서드를 호출하는 방법이지만 , 이 방법을 사용하면 파일폼 뿐 아니라 다른 입력폼도 함께 리셋되기 때문에 파일폼만 리셋하기 위해서는 별도의 방법을 사용해야 합니다.먼저 여러가지 초기화 방법을 열거하면 다음과 같습니다.1...

.Children() JQuery를 사용하여 간단하게 자식 요소를 선택하는 방법을 알아보려고 합니다. 자식 요소를 선택하는 방법에는 children() 함수가 많이 사용됩니다. 이 외에도 find() 함수가 존재하는데 오늘은 children()에 대하여 자세히 알아봅니다. #JQuery children() 자식 요소 얻기위에 잠시 언급한 find() 그리고 오늘 알아볼 children()의 차이점을 알아보겠습니다. 이 둘의 차이점이라면 children()은 부모 요소의 바로 아래 단계인 자식요소만 선택할 수 있으나, find()는 부모 태그의 모든 하위 요소의 자식을 선택하여 가져올수 있다는 점이 차이점이다. 그럼 children()의 간단한 사용방법은 아래와 같습니다. $(element).childre..

Webhook 이란웹서비스를 제공해주는 서버단에서 어떤 이벤트를 외부로 전달하는 방법중의 하나이다. 예를들어 어떤 게시판을 제공하는 서비스가 있다고 할때, 게시판에 새로운 글이 등록될 때마다, 특정 알림을 다른 서비스나, 메신저에 알리려고 할때 유용할 수 있습니다.위 상황에서 게시판에 새로운 글이 등록된다는 사실을 알아내야만 후속되는 처리를 할수 있습니다.만약 게시판 제공 서비스에서 어떤 액션(새로운 글을 등록)이 일어나는 것에 대해 훅킹(어떤 액션 앞뒤에다가 추가로 정해진 일을 하도록 하는것) 할수 있다면 , 위의 상황을 처리할 수 있습니다.여기에서 웹훅은 앞의 훅킹을 웹 환경에서 제공하는 것으로 보면 될 것 같습니다.먼저 서비스(게시판 제공 서비스)에 훅킹 할 수 있도록 기능 제공해야합니다. 훅킹을 ..

MSSQL 쿼리 이력 조회 방법 12345678910111213141516171819202122select db_name(st.dbid) DBNanme, object_schema_name(objectid, st.dbid) SchemaName, object_name(objectid, st.dbid) SPName, qs.total_elapsed_time, creation_time, last_execution_time, textfrom sys.dm_exec_query_stats qscross apply sys.dm_exec_sql_text(qs.plan_handle) stjoin sys.dm_exec_cached_plans cpon qs.plan_handle = cp.plan_handlewhere last_e..

1234567891011121314151617181920212223242526 HTML5 // 함수를 10번 호출하는 함수 function callFunctionTenTimes(otherFunction){ for(var i=0;i

** SQL문은 대소문자를 구분하지 않지만 데이타는 대문자와 소문자를 구분한다 주석을 다는 방법은 /* 주석 */ 이거나 한줄만 주석 처리를 할 경우는 문장 맨앞에 --를 붙인다 ** 각각의 데이타베이스의 SYSOBJECTS 테이블에 해당 데이타베이스의 모든 정보가 보관되어 있다 SYSOBJECTS의 TYPE 칼럼으로 'U'=사용자 테이블, 'P'=저장 프로시저, 'K'=프라이머리 키, 'F'=포린 키, 'V'=뷰, 'C'=체크 제약등 오브젝트 이름과 정보를 알 수 있다 데이타 검색 USE 데이타베이스명 /* USE 문을 사용한 데이타베이스 선택 */ SELECT * FROM 데이블명 /* 모든 칼럼 불러오기 */ SELECT TOP n * FROM 테이블명 /* 상위 n개의 데이타만 가져오기 */ SE..

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 #Table { background-color:#cccccc; padding:5px; font-size:12px; font-family:돋움; } #Table th { background-color:#dddddd; } #Table td { background-color:#ffffff; } colspan="3" colspan="3" 내용1 내용2 내용3 내용4 내용5 rowspan="3" 내용6 내용7 rowspan"2" 내용9 내용10 내용11 내용12 내용14 내용15 Colored by Color Scriptercs참고 블로..

데이터 입력/수정/삭제를 한번에 처리할 수 있는 MERGE에 대해 알아보자MERGE 단일 문에서 여러 DML(INSERT , UPDATE , DELETE)작업을 수행할 수 있다.즉, 여러개의 개별 DML문을 단일 문으로 대체할 수 있다. 작업이 하나의 문 내에서 수행되면서, 데이터가 처리되는 횟수가 최소화 되고 쿼리 성능이 향상된다.MERGE는 다음과 같이 사용한다.1234567merge 변경할테이블명 as A Using 기분테이블명 as B on A.컬럼명 = B.컬럼명 WHEN MATCHED THEN 일치할때 쿼리문 WHEN NOT MANCHED THEN 불일치할때 쿼리문cs 아래와 같이 기준테이블의 컬럼을 지정할 수 있다. 또한, MATCHED, NOTMATCHED와 함께 추가 조건 지정도 가능하다..