만들어가는 세상

생년(YYYY) 입력 시 나이 값 자동 계산하는 로직입니다. 반대로 나이 입력 시 생년(YYYY) 처리하는 로직 입니다. 생년 나이 script 로직 입니다. 결과값

여러 정보를 찾아보았지만 제가 원하는 포스팅 로직이 없어서 추가하였습니다. 시(hour)분(minute)초(second) 입력 시 합산된 초(second)가 나타납니다. 반대로 "초를" 시(hour)분(minute)초(second) 변경하는 로직도 같이 처리 하였습니다. 시(hour)분(minute)초(second) 초로 초를 시(hour)분(minute)초(second) script 로직 입니다.

JavaScript는 데이터형에 대해서 꽤 자유로운 언어입니다. var value = 1; // Number 형 1 console.log(value, typeof value); // 1 number value = "1" // String 형 1 console.log(value, typeof value); // 1 string 이렇게 처음에 value에 정수형 1을 넣고 변수 생성후에 로그를 찍으면 1인 정수가 나오고 문자형 '1'을 value에 넣을수 있습니다. 자바와 c 같은 타입을 확실히 검사하는 언어와는 다릅니다. 자바스크립트에서 어떤 값이 비어있는지 체크하려면 var value2 = "" if( value2 == ""){ console.log("비어 있음"); }else{ console.log("..

[JAVASCRIPT] tui-editor plugin js, css 적용 및 에디터 사용방법 step1 첨부된 파일을 적절한 경로에 붙여 놓고, 선언합니다. step2 에디터 사용을 하기위한 html 로직처리 합니다. javascript 처리 합니다. var editor; var initTuiEditor = function (el, options) { //기본옵션을 설정합니다. var defaults = { el: document.querySelector(el), initialEditType: 'wysiwyg', hideModeSwitch: true, exts: ['colorSyntax'], linkAttribute: { target: '_blank', contenteditable: 'false', r..

[JAVASCRIPT] 게시판 List SORT 정렬 처리방법 step1 제목 분류 주소 step2 $('.sortable').on('click', function(event) { var searchForm = document.forms.searchForm; var me = $(this); searchForm.order.value = me.attr('href').replace('#',''); common_setting_sort(searchForm); searchForm.submit(); }); function common_setting_sort(form){ if(form.sort.value === 'asc'){ form..

[JAVASCRIPT] masonry를 활용하여 더 보기 기능 구현 더 보기 버튼 클릭 시 해당 갯수만큼 비동기 처리로 리스트를 가져옵니다. 블럭형 플러인 masonry.pkgd.min.js 를 사용했으며 이미지가 있는 경우 imagesloaded.pkgd.min.js 적용하였습니다.stap1 //pom.xml 에서 필요한 라이브러리를 dependencies 합니다. com.fasterxml.jackson.core jackson-databind 2.9.7 stap2 //공통적으로 처리야 하기때문에 필요한 변수를 객체화 합니다. ...해당리스트 더보기 stap3 초기함수 진입 commonVieMore.js function common_view_more(){ //더보기 클릭 시 마다 page 번호를 증가 시..

[JAVASCRIPT]공백/특수 문자/비밀번호 패턴/체크길이/체크 name값 idList의 길이만큼 count 변수에 담습니다. 그 값을 가지고 조건문을 수행하는 로직입니다. var count = $('input:checkbox[name=idList]:checked').length; if(count > 0){ return true; }else{ alert('Please select at least one checkbox'); return false; }매개변수 str값에서 공백이 있는지 없는지 체크하는 함수 입니다. // 공백 체크 function checkSpace(str) { if(str.search(/\s/) != -1) { return true; } else { ret..

jquery 체크박스 여러가지 기능들 모음 체크값에 값을 기준으로 | 구분값으로 split 함수를 이용해서 for문을 활용한 예제 입니다. var salesArea = '${PARTNER\_SALES\_LIST.C\_SVC\_AREA}'; var arrSalesArea = salesArea.split('|'); //값이 있을 경우 체크 항목 체크 $(":checkbox\[name=chkCodes\]").each(function(){ for(var i=0; i 5 ){ alert("최대 5개까지만 선택가능합니다."); $(this).removeAttr("checked"); } });체크된 항목을 가져와서 for문을 동작합니다. $('input:checkbox\[name=..