javascript(7)
-
[JS] 자바스크립트의 Data Type
Javascript Data Type 자바스크립트의 모든 값은 데이터 타입을 가지는데, 크게 2가지로 기본형(Primitive Type)과 참조형(Reference Type)이 있음. Primitive Type(원시값) - 원시값은 변경 불가능한 값으로 한번 생성된 원시 값은 읽기 전용인 값으로써 변경할 수 없음. - 원시값은 불변성(immutability)를 가짐. *불변성이란? 변수는 하나의 값을 저장하기 위해 확보된 메모리 공간 자체 또는 메모리 공간을 식별하기 위해 붙인 이름이고, 값은 변수에 저장된 데이터. 그래서 원시 값은 불변성을 가진다는 말은 원시 값 자체를 변경할 수 없다는 것이지, 변수 값을 변경할 수 없다는 것이 아님. 변수는 언제든지 재할당을 통해 변수 값을 변경할 수 있기에 '변할..
2021.06.13 -
[jQuery] bind/unbind, on/off
bind / unbind : bind는 특정이벤트를 바인딩하고 unbind는 bind함수로 바인딩한 이전에 연결된 이벤트 핸들러 요소를 제거 on / off : jQuery1.7부터는 on/off 함수로 대체됨 $(“#reqBtn”).unbind(); : 요소의 모든 이벤트 바인딩을 해제(종류에 상관없이 핸들러 제거) $(“#reqBtn”).unbind(“click”); : click이벤트 타입을 명시함으로써 오직 해당하는 이벤트 타입만 제거(만일 같은 요소에 같은 이벤트가 바인딩되어 있었다면 그것마저도 모두 제거됨) var handler = function(){ alert(“hello”); }); $(“#reqBtn”).bind(“click”, handler); $(“#reqBtn”).unbind(“c..
2021.01.25 -
[jQuery] animate메서드
animate -선택자.animate({속성:값,속성:값},시간,이징,다른할일(animate끝나고)) -jQuery에서 animate메서드는 수치가바뀌는 것만 가능 그래서 'background-color' 변경은 'animate'메서드로 적용이 안되는데 jQueryui라이브러리 추가 후 사용가능 $(function(){ // $('div').mouseover(function(){ // $(this).css({backgroundColor:'blue'}); // }).mouseout(function(){$(this).css({backgroundColor:'green'}); // }); $('div').mouseover(function(){ $(this).animate({backgroundColor:'blue..
2020.11.23 -
[jQuery] 실행 시점 제어하기,메서드체인
자주 사용하는 실행 시점 특정 요소에 마우스 포인터를 올려놓은 시점 특정 요소에서 마우스 포인터가 벗어나는 시점 특정요소를 클릭하는 시점 마우스를 움직이는 시점 창 크기가 바뀌는 시점 스크롤 시점 keydown 요소에 초점을 맞춘 상태에서 키보드의 키를 눌렀을 때 keyup 요소에 초점을 맞춘 상태에서 키보드의 키를 뗄 때 focus 요소에 포커스가 일치했을 때(포커스가 있는 요소만) blur 요소가 포커스를 잃어버렸을 때(포커스가 있는 요소만) change 입력 내용이 변경되었을 때(textarea요소, input요소, select요소 resize 요소의 크기를 다시 설정했을 때 scroll 요소를 스크롤 했을 때 mouseover / mouseout 예전에는 bind메서드 사용했지만 현재는 on메서드..
2020.11.20 -
[JS] excel 다운로드
서버호출 없이 JS만으로 엑셀다운로드 구현 //엑셀다운로드시 호출함수 function fnExcelReport(id, title) { var tab_text = ''; tab_text = tab_text + ''; tab_text = tab_text + ""; //엑셀다운로드시 저장될 테이블 지정하여 복사 var exportTable = $('#resultTable').clone(); //복사된 테이블에서 input 태그 제거 exportTable.find('input').each(function (index, elem) { $(elem).remove(); }); tab_text = tab_text + exportTable.html(); tab_text = tab_text + ''; var data_ty..
2020.11.08 -
[JS] 헤더 고정 스크롤 구현
[헤더고정스크롤 구현] 요건 : JSP내에서 엑셀다운로드를 할 수 있는 테이블 만들어야 하는데, 화면에 보여질 때 헤더는 고정이 된 상태에서 스크롤시 동적으로 리스트를 생성해야함 방법1 . 임시테이블 하나 더 생성 검색 KEY 파일이름 생성일자 KEY 파일이름 생성일자 내용0 내용0 내용0 내용1 내용1 내용1 내용2 내용2 내용2 내용3 내용3 내용3 내용1 내용1 내용1 내용2 내용2 내용2 내용3 내용3 내용3 내용1 내용1 내용1 내용2 내용2 내용2 내용3 내용3 내용3 Excel Download 구현내용: 화면에 리스트로 보여줄 테이블(resultTable) 과 헤더만 보여질 테이블(fixedtable) 을 생성 화면에 리스트로 보여줄 테이블(resultTable) thead를 'display..
2020.11.07