옆집 블로그에 있는 거 그대로 가져다 조금 고쳐서 쓰는 글 보통 keypress 이벤트로 특정 버튼(키보드)을 눌렀을 때, 특정 기능을 수행하도록 하는데 2개 또는 2개 이상의 조합키를 이용하여 특정 기능을 수행하려면 아래와 같이 and절(&&)을 이용하여 조합 하면 된다. 아래에 바닐라JS와 제이쿼리를 통해 중복키 조합을 통해 console.log()를 찍는 샘플코드를 작성하였다. 뭐 조합키를 사용하는 코드는 똑같은데 $().bind를 쓰느냐, addEventListener를 쓰느냐의 차이이다. 필요한 거 갖다 쓰도록 하자. 나는 그냥 DOM객체에 바인딩 해줬다 바닐라JS로 중복키 조합 수행구문 만드는 방법 샘플코드 this.document.addEventListener('keypress', (even..

Object.assign 함수란? Object.assign함수란 target에 모든 열거 가능한 sources를 복사하여 target에 복사하고 그 target를 반환해준다. 즉 assign함수에 첫번째 파라메터가 target이고 나머지 파라메터들은 sources이다. 이 sources들을 target에 복사하고 그 복사한 target을 리턴해준다. 샘플코드 var returnedTarget = Object.assgin(target, source1, source2, source3 ...); // 👉️ source1, source2, source3의 값을 target에 복사한뒤 return 해준다 // 👉️ returnedTarget === target Object.assign 함수 사용 샘플코드 샘플코드..

javascript에서 메서드의 파라메터(인자)의 기본값과 기본값 설정에 대해 정리해본다. 함수의 매개변수(인자)의 기본값은 undefined이다. 샘플코드 const paramsMethod = (a) => { console.log(a); console.log( 5 * a ); }; paramsMethod(); //👉️ undefined //👉️ Nan paramsMethod(3); //👉️ 3 //👉️ 15 위의 코드와 같이 a라는 인자를 받는 paramsMethod 메서드를 선언하였다. 그리고 paramsMethod를 호출할 때, 인자를 넘기지 않고 console.log를 통해 a를 찍어보면 undefined이 뜨는 것을 확인 할 수 있다. 즉 javascript에서 메서드의 인자의 기본값은 unde..

배열에서 문자열로 변환시 홑따옴표(') 유지하는 방법 홑따옴표는 실제로 문자열의 일부가 아니기 때문에 toString과 같이 문자열로 변환하면 유지되지 않고 사라진다. 그래서 필요하다면 아래와 같이 join함수를 통해 새로운 문자열 변수를 만들 수 있다. var arr = ['item1','item2','item3','item4']; arr.toString(); -- 'item1,item2,item3,item4' var quotedAndCommaSeparated = "'" + arr.join("','") + "'"; quotedAndCommaSeparated -- "'item1','item2','item3','item4'" 스택오버플로우에서 참조했음 javascript array as a list of ..

배열안의 객체에서 특정 키값을 모두 삭제하는 방법 샘플코드 var myArray = [ { name : 'michelle', age : 18, height : 180 }, { name : 'bomebome', age : 25, height : 168 }, { name : 'postge', age : 37, height : 192 }, { name : 'cmdgood', age : 20, height : 172 }, ]; var key = 'height'; -- array : 객체들을 담고 있는 배열 -- key : 한번에 삭제하고자 하는 키값 deleteKyes: (array, key) => { for (let obj of array) { delete obj[key]; } return array } --..

이번에 DB에서 배열에 담긴 객체들을 가져 오고나서 키값을 코멘트로 변경해줄 일이 있어서 객체의 키값을 변경해주는 함수를 작성한 김에 객체의 키값을 한번에 수정할 수 있는 몇가지 함수를 정리해보려고 한다. 로직은 비슷하니 필요한 코드를 갖다 쓰거나 본인의 상황에 맞게 조금만 고쳐도 될 것 같다. 객체 + 객체의 키값을 매핑하여 키값을 변경한 객체를 리턴해주는 함수 샘플코드 var oldObj = { name : '봄봄', age : 18, soul_food : 'chicken' }; var newObj = { name : '이름', age : '나이', soul_food : '소울푸드' }; /** * newObj : key값과 코멘트를 가진 객체 * oldObj : 실제 List의 속성을 담은 객체 *..