개발노트

https://api.highcharts.com/highcharts/ Highcharts API Options Interactive charts for your web pages. api.highcharts.com

java > jstl > html > javascript

선택 Test1 Test2

Element에 접근 할때 특정 Element만 제외 하려고 할 때 아래와 같이 진행. 첫 번째 이벤트 접근 이후에 event.target를 통해 조건문을 사용하여 필터링. 두 번째 Click Lorem Ipsum Dolor not()을 통해 제외 시킬 element 선언.

1. Html Tag //Html Lorem ipsum dolor sit amet. Lorem ior sit amet. Lorem ipsum $('.list li').each(function(index, item) { // item 은 해당 선택자인 객체 $(item).addClass('li_0' + index); }); //결과 //li 의 클래스에 li_00, li_01, li_02 가 추가 됨 2. Array $.each([0,8,4,10], function(index, value) { console.log(index + ':값 = ' + value); }); var arr = [0,8,4,10]; $.each(arr, function(index, value) { console.log(index +..

컨텐츠 내용에 따른 자동 크기 조절 function fn_setPopupSize(){ var strWidth; var strHeight; var $selector = $('#selectorDiv'); if( window.innerWidth && window.innerHeight && window.outerWidth && window.outerHeight ){ strWidth = $selector.outerWidth() + (window.outerWidth - window.innerWidth + 50); strHeight = $selector.outerHeight() + (window.outerHeight - window.innerHeight) + 150; }else{ var strDocumentWidth..

* CSS / text-transform 대문자, 소문자로 바꾸는 속성 (기본값 : none) * 속성값 text-transform: none | capitalize | uppercase | lowercase | initial | inherit none : 입력된 그대로 출력합니다. capitalize : 단어의 첫번째 글자를 대문자로 바꿉니다. uppercase : 모든 글자를 대문자로 바꿉니다. lowercase : 모든 글자를 소문자로 바꿉니다. initial : 기본값으로 설정합니다. inherit : 부모 요소의 속성값을 상속받습니다.

* Web Storage HTML5 에서 추가된 내용으로, 데이터를 클라이언트에 저장하는 저장소입니다. 키와 값을 저장(key-value Storage)할 수 있고, Web Storage를 상속받아 구현된 localStorage와 sessionStorage가 존재합니다. 1. LocalStorage - localStorage는 일부러 지우지 않는다면 브라우저를 닫고 열어도 계속 남아있음. (만료기간이 없음) - 도메인마다 별도로 로컬스토리지 생성 - 접근 : window.localStorage - 사용 예 : 지속적으로 필요한 데이터(자동 로그인 등) //로컬스토리지 저장 localStorage.loginId = value; localStorage.setItem("key", value); //특정 로컬스..

function안에 들어있는 for문은 function 이 아니지만 function안에 들어있는 each문은 또 다른 function이라고 볼 수 있습니다. each에서 return false; 는 break 과 같은 역할을 하기 때문에 each함수를 빠져나갈 뿐이지 함수 자체가 return 되지 않습니다. 그렇기 때문에 each문이 끝나도 뒤의 코드는 실행됩니다. 이와 같은 상황에서는 아래 소스와 같이 처리를 진행 했습니다. function fnTest(param) { var returnNow = false; $.each(param, function(i) { if (i === "testValue") { returnNow = true; return false; } }); if (returnNow) { r..

1. '#', '#none' 차이 "#" : 아무것도 실행하지는 않지만 페이지 최상단으로 이동한다. "#none" : 아무것도 실행하지 않으며, 페이지 최상단으로도 이동하지 않는다. 2. href="#" 이슈 예를들어 아래와 같이 작성 할 결우 href="#"에 의해서 두가지 이슈가 생김 - 페이지가 최상단으로 스크롤업 되버리는 상황 발생 - 브라우저 url 주소 맨 뒤에 #이 붙혀짐 (특별한 이슈는 아니지만 url String값으로 가지고 2차 작업을 하는 경우 예외상황이 발생) 때문에 아래의 두가지 형태로 수정. - -