본문 바로가기

JavaScript7

[JavaScript] 최신 문법 연산자 관련 정리 (ES6 ~ ES13) ECMASript 2015(ES6) 이후 추가된 자바스크립트 최신 문법 중 연산자 관련 문법 기능들을 추려 정리한 내용이다. 1. 연산자 1-1. 지수 연산자 2**3 //8 곱셈 기호를 두 번 쓰면 제곱으로 처리된다. 1-2. Numeric separators 100000000000000과 과 같은 단위가 큰 숫자의 가독성을 높일 수 있게 언더바(_)로 단위를 구분할 수 있는 표현이 허용된다. ex) 1_000_000_000_000과 같이 천 단위로 끊어서 표기를 하는 것이 가능하기 때문에 0의 개수를 일일이 세어 볼 필요 없이 1000억이라는 숫자임을 조금 더 쉽게 알 수 있다. 구분자(_)는 임의의 위치에 맘대로 삽입 가능하다. 그냥 구분자 표현하는 것일뿐 구분자가 있다고 해서 숫자가 달라지거나 그.. 2024. 3. 4.
[js] table 셀 병합(cell merge) rowspan - 1개 결합 & 2개이상 결합 table 셀 병합(cell merge) 기능이 종종 필요합니다. 이럴 경우 rowspan 기능을 사용하여 셀을 병합하면 됩니다. 인터넷에 js 테이블 셀 병합 기능을 검색하면 다 1개만 결합하는 기능만 나옵니다. 2개이상 결합은 잘 나오지 않아서 정리하게 되었습니다. 먼저, 1개의 셀 병합에 대해서 알려드리겠습니다. 1. 테이블 셀 병합 - 1개 결합 //rowspan 처리 - 1개 셀결합 function fn_genRowspan(className){ $("." + className).each(function() { var rows = $("." + className + ":contains('" + $(this).text() + "')"); if (rows.length > 1) { rows.eq(0)... 2022. 12. 28.
[ JavaScript / Java ] ajax로 배열 값 넘기기 ajax로 배열 값을 넘기는 방법을 알아보자 1. ajax에서 traditional : true 옵션을 넣어주자. 2. 컨트롤러단에서 ArrayList 또는 String[]로 받아서 사용 예제1 //JavaScript var arr = ['aa', 'bb', 'cc']; $.ajax({ method : 'POST', url : 'test.do', traditional : true, //필수 data : { 'main' : arr }, success : function(data) { alert(data); }, error : function(request, status, error) { alert(error); } }); //Java @RequestMapping(value = "/test.do", meth.. 2022. 4. 26.
[ javaScript ( js ) ] 정규식을 이용한 마스킹 처리(가리기) & 정규 표현식 & replace() & repeat() 개발을 하다보면 개인정보 보호를 위해서 어떠한 값에 마스킹을 하는 경우가 필요합니다. 그럴 경우 정규식을 이용하여 마스킹이 가능합니다. ​ [ Java ] String name ="java"; name = name.replaceAll("(?( 2022. 3. 12.
[ javascript(js) ] Object 타입에서 특정 값(value)이 있는지 찾기 Object 타입에서 특정 값(value)이 있는지 찾기 1. for in 문을 활용해서 key를 하나씩 꺼내서 확인하기 for(var key in obj.sub){ if(obj.sub[key]) { obj.self = true break outside; } obj.self = false; } 2. keys로 키 뽑아서 조건에 해당하는 값 찾기 const targetObj = obj.sub; if(Object.keys(targetObj).find(key => targetObj[key] === true)) { //key는 오브젝트에서 번호 obj.self = true }else { obj.self = false } - Object.keys("오브젝트변수").find(element => "조건식") Obje.. 2022. 3. 11.
728x90

티스토리툴바