['BBB', 'AAA'].includes(column.dataIndex)

- 주변 상태에 대한 참조와 함께 묶인 함수의 조합, 내부 함수에서 외부 함수의 범위에 대한 접근 제공js에서 클로저는 함수가 생성될 때마다 생성됨 - 오직 하나의 메소드를 가지고 있는 객체를 일반적으로 사용하는 모든 곳에 클로저를 사용할 수 있음어휘적 범위 지정 (Lexical scopeing)function init() { var name = "Mozilla"; // name은 init에 의해 생성된 지역 변수 function displayName() { // displayName() 은 내부 함수이며, 클로저 console.log(name); // 부모 함수에서 선언된 변수를 사용 } displayName();}init();ex2function outerFunction() { l..

객체 생성자 함수를 통해서 새로운 객체를 만들고 그 안에 넣고 싶은 값 혹은 함수들을 구현 할 수 있음 객체 생성자를 사용 할 때에는 보통 함수의 이름을 대문자로 시작, 새로운 객체를 생성 할 때에는 new 를 붙여준다 function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; this.say = function () { console.log(this.sound); } } const dog = new Animal('개', '댕댕이', '멍멍'); const cat = new Animal('고양이', '냥냥이', '야옹'); dog.say(); cat.say(); // result : 멍멍 // re..

indexOf => 원하는 항목이 몇 번째 원소인지 찾아주는 함수 // indexOf const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; const index = superheroes.indexOf('토르'); console.log(index); // result : 2 findIndex 배열 안에 있는 값이 숫자, 문자열, 또는 불리언일때 찾고 싶은 항목이 몇번쨰 원소인지 ? indexOf 배열 안의 값이 객체, 배열이면 ? findIndex const memu = [ { id: 1, text: '모듬회', done: true }, { id: 2, text: '삼겹살', done: true }, { id: 3, text: '탕수육', done: tr..

객체를 위한 반복문 for ...in Object.entries : [[key, value][key, value]] 반환 Object.keys : [key,key,key] 반환 Object.values : [value,value,value] 반환 const dog = { name: '강아지', sound: '멍멍', age: 3 }; console.log(Object.entries(dog)); console.log(Object.keys(dog)); console.log(Object.values(dog)); for (const key in dog) { console.log(`${key}: ${dog[key]}`); } 위 log 의 순서대로의 결과임

reduce reduce 는 잘 사용하면 정말 유용한 내장 함수임 배열의 총합을 구한다고 해보자 변수 sumEx 는 그냥 대충지은거임 현재 열어놓은 크롬창에 sum이 선언되어있어서..ㅇㅇㅋ const numbers = [1, 2, 3, 4, 5]; let sumEx = 0; numbers.forEach(n => { sumEx += n; }); console.log(sumEx); 결과는 15 여기서 sumEx 를 계산하려고 선언을 하고, forEach 를 사용해서 계속해서 덧셈 해줬음 근데 reduce 를 사용하면 아래와 같다. const numbers = [1, 2, 3, 4, 5]; let sumEx = numbers.reduce((acc, current) => acc + current, 0); con..

spread spread 의 의미 : 펼치다, 퍼뜨리다. 예를 들어 이런 객체들이 있고 새 객체를 만들 때 마다 앞의 객체의 속성을 그대로 가지고 만들어 줬다. 그러면서 속성은 하나씩 추가가 되었는데 이런 식으로 기존의 것을 건들이지 않고 새로운 객체를 만드는 함수가 spread 놀랍다 매우... 그리고 spread 연산자는 배열에도 사용 할 수 있따. 또한 배열에서 spread 함수를 여러번 사용도 가능! ㅗㅜㅑ... rest 객체에서의 rest rest 안에 head 값을 제외한 값이 들어있다. rest 는 객체와 배열에서 사용 할 때는 이런식의 비구조화 할당 문법과 함께 사용된다. 주로 사용할 때에는 rest 라는 키워드를 사용, 그치만 추출 값한 값의 이름이 꼭 rest 일 필욘없다. 이어서 bo..

localStorage = 창을 닫아도 계속 유지 탭 여러개 공유 명시적으로 삭제 될 때 까지 유지 sessionStorage = 창을 닫으면 삭제 세션 기간 동안 사용가능 사용법은 동일하다. 가끔 js 에서 js 로값을 보내려고 할때 사용해보자 상황 ) 어떤 input 에서 이메일을 가져와서 다른 곳에 넣으려 할 때 전송 $("#getEmail").on('click', function () { var getEmail1 = $("#managementId").val(); console.log("getEmail1 : " + getEmail1); var getEmail2 = { "email" : getEmail1 } //스토리지에 저장 key, value localStorage.setItem("getEmail..

거두절미하고 object 값을 확인할 때는 이렇게 해보자 var Obj = 어떤 objVal; for (var test in Obj) { console.log("A : " + test + ", B : " + Obj[test]); } 그러면 막 이런식으로 변수와 해당 값이 뜬다!

원래는 change 를 써서 input에서 값을 다 입력한 후 변동사항을 체크했는데 이런방법이 있다. var emptyMg = $("#" + d.objectName + " input[name=" + d.field + "]"); // 아래는 input값을 다 입력 후 떠날 때 체크 emptyMg.change(function () { $("span").remove('#vout_'+ d.field + ''); }) // 값이 입력되자마자 체크 emptyMg.on("propertychange change keyup paste input",function () { $("span").remove('#vout_'+ d.field + ''); }) 좀 조잡해 보일수 있지만 내용은 .on("propertychange c..

단 한마디로 javascript:void(0) 는 링크이동을 무력화 시킨다. 예제 네이버로 가자! 이러면 네이버로 갈 거임 이러면 해당 ramen 값을 가지고 있는 div 요소로 스크롤이 향함 javascript:void(0) 는 태그는 그대로 쓰고 url, id 를 사용하지 않을 경우에 쓴다. ( ) 안에는 숫자 아무거나 영어 아무거나 넣어도 사용 가능하다. 그리고 void 는 undefined 를 리턴함 ㅇㅇ

https://crivius.tistory.com/1 datepicker 사용방법 인풋태그 날짜 입력할때 달력(캘린더)에서 선택하여 사용하는 소스 기본적으로 필요한 js파일과 css파일 1 2 필요한건 class="datePicker"이며 id를 생략하면 안된다. 안쓰더라도 name값과 같은 값으로 crivius.tistory.com