Mr.Lee의 하루

코딩을 하면서 attr을 많이 쓰게 된다...하지만 attr로 사용 할때 자주 부딪히는 문제? 버그 성격? 이라고 생각되는게체크박스나 라디오 버튼 체크여부를 판단하거나 제어할때 발생한다그래서 정리해 적어두려고 한다. attr() - HTML 속성(attribute) 취급, HTML Element에 있는 정보 - HTML attribute 값이 String으로 넘어옴 prop() - JavaScript의 프로퍼티(property) 취급, JavaScript에서 사용하는 정보 - boolean, date, function 등을 가져올 수 있음 ex)체크박스가 체크되어있는 상황alert($("#s_cc_kr").attr('checked')) ----- return : checkedalert($("#s_cc_k..

ajax는 비동기 방식으로 아주 빈번하게 사용이 됩니다. $.ajax({ cache: false, url: '/ccc/ccccc.', //요청 URL / 데이터들을 보내고자 하는 주소 ex) 폼에서 액션과 같은 역할을 합니다. data: 'form_sno='+form_sno, //요청 서버에 보낼 데이터, form전체를 보내고자 할때는 $('#form').serialize()를 사용 type: 'POST', //보내는 방식 async: 'false', //동기화 방식 : false 로해야 동기화 처리한다는 의미 dataType: 'json', //서버에서 내려온 data 형식, html, json 등 설정 가능 error: function(){ alert('error'); }, success: funct..

안녕하세요.이번에 프로젝트를 진행하면서스마트 에디터를 사용하면서 이벤트를 새롭게 정의할 일이 생겼습니다.스마트 에디터는 네이버 에디터를 사용 하였습니다. 한참을 구글링하다....어찌어찌 구현하였기에 정리해두려고 합니다. 우선 저의 소스 경로 입니다.webapp/wcom/se2 에 스마트 에디터가 있습니다. 그럼 이제 키 이벤트를 구현해보겠습니다. 1. 플러그인 등록webapp/wcom/se2/SE2BasicCreator.js SE2BasicCreator.js 파일에 들어가 보겠습니다. 마지막줄에 다음과 같은 코드가 있습니다. oEditor.registerPlugin(new nhn.husky.SE2B_CSSLoader());// CSS lazy loadoEditor.registerPlugin(new nhn..

소스를 보다 모르는것들이 있어 정리 합니다. 먼저, concat(String) - 문자를 하나로 합쳐 줍니다. ex) var str01 ="Hello "; var str02 ="world "; var str03 ="javascript"; str01.concat(str02) str01.concat(str02, str03) //2개 이상의 문자를 합칠경오 결과 : Hello world Hello world javascript slice(index), slice(start, end) - 문자를 해당 위치에서 부터 지정된 위치까지 잘라냅니다. ex) var str04 ="Hello world javascript"; str04.slice(0); str04.slice(6); str04.slice(6,11); str..

오늘은 jstl중에서 fmt와 fn에 대해서 정리해보겠습니다. 그 중에서도 제가 사용 빈도수가 높을 만한 것만 적겠습니다. 먼저 jstl을 사용하기 위해서는 상단에 를 적어주셔야 합니다. 하는김에 를 추가해서 core를 사용해보겠습니다. core 중에서 , , 등이 있는데 요건 검색해보시기 바랍니다. 먼저 fmt 태그부터 살펴보겠습니다. fmt는 다국어 내용을 처리하고, 형식화를 이용해 날짜와 숫자 형식 등을 처리하는데 저는 숫자 형식을 처리하는 방법을 기재하겠습니다. 우선 변수를 설정합니다. 천의자리에서 콤마(,)를 찍습니다. ${numberType} --->451,000 ${numberType} --->451000 groupingUsed = false로 되어 있기 때문에 콤마(,)가 제거된 형식으로 ..

테이블을 만들어 find()와 parent() 함수를 테스트해 보겠습니다. 다음과 같은 소스가 있습니다. 구분 체크박스 라디오박스 checkBox foreach 화면모습은 아래와 같습니다. checkBox foreach 버튼을 클릭하면 다음의 함수가 실행 됩니다. $("#checkForeach").click(function(){ //요소 찾아서 for문돌리기 $("input:checkbox[id='chname']").each(function(index,element){ alert($(this).val()); }); }); 위 함수는 태그가 input 이고 type이 checkbox 그리고 id 가 chname인 객체를 찾아 그 값을 출력하는 함수 입니다. 즉, check01, check02, check0..

javascript에 이런 함수들이 존재한다는 사실을 처음 알게 되었다. 그래서 바로 찾아서 정리해 두려고 한다. filter(callback) - arr.filter(callback[thisArg]) 의 형태 입니다. - 배열에 조건을 주어 조건에 만족하지 못하는 원소들을 걸러낸다. ex) function isTenUp(value){ return value >10; } var filtered = [11, 3, 9, 130, 44].filter(isTenUp); 결과 : filtered = [11, 130, 44] map(callback) - arr.map(callback[thisArg]) 의 형태 입니다. - 어떠한 배열에 특정 규칙을 적용시켜 새로운 배열을 만든다. ex) var array = [1...