const title = 'File Title';const value = 'value';const result = { title, value };console.log(result); // { title: 'File Title', value: 'value' } 코드에서 { title, value}를 push 했는데 변수명까지 자동으로 객체 키로 들어가는 이유가 궁금했다.이는 ES6의 '객체 리터럴 단축 표기법(Object Property Shorthand)' 때문이다. 객체 리터럴 단축 표기법이란?일반적으로 객체를 만들 때 key: value 형태로 작성하는데 ES6부터는 변수명을 키로 자동 설정하는 단축 문법이 추가됐다. const title = "document_2024.pdf"; const v..
자바스크립트
콜백함수는 편하게 사용하고 있는데 어렴풋이 알고 사용하고 있어서 알아보았다. 콜백(Callback)함수란?다른 함수에게 넘겨주는 함수이다."얌~ 이 함수 나중에 필요할 때 알아서 실행해줘~"라고 하면서 함수를 다른 함수에게 넘겨주는 것이다. 콜백 함수를 파라미터로 전달하고, 그 함수를 내부에서 실행하는 방식으로 사용한다. 예시 - 이벤트 리스너button.addEventListener("click", () => { console.log("버튼 클릭");}); 대표적으로 이벤트 리스너가 있다.'이거 클릭하면 실행해줘~!' 하고 addEventListener에게 함수를 넘기는 것이다. (클릭이 되면, 브라우저가 알아서 실행을 해준다) 위 코드에서 () => {...} 가 콜백함수이다. 예시 ..
Array.prototype.every() 함수의 이름 every()를 보면 추측을 할 수 있다.배열의 모~든 요소가 주어진 조건을 만족하는지 검사하는 것이다.- 모~두 만족하면 true 반환- 하나라도 만족하지 않는다면 false 반환 만족하지 않는 요소를 찾으면 바로 멈춘다 (뒤에 있는 요소들을 더 이상 검사하지 않는다.) const arr = [true, true, false, true]; const result = arr.every(value => { // 여기부터 콜백 함수 console.log(value); return value; }); // 여기까지 콜백 함수// true // true // false console.log(result); // false 4번째의 true를 ..
let data = [];let a = [1, 2, 3];let b = [4, 5, 6]; a랑 b를 배열 data에 합치는 방법 concat()과 스프레드 연산자를 가장 많이 쓴다. 1. concat()let data = []; let a = [1, 2, 3]; let b = [4, 5, 6]; data = a.concat(b); console.log(data); // [1, 2, 3, 4, 5, 6] concat()은 원본 배열을 변경하지 않고 새로운 배열을 반환한다. 2. 스프레드 연산자 (...)let data = []; let a = [1, 2, 3]; let b = [4, 5, 6]; data = [...a, ...b]; console.log(data); // [1, 2, 3, 4, 5,..
JavaScript에서 문자열 처리 작업을 하다 보면, 특정 패턴을 추출해야 할 때가 있다.그중에서도 문자열에서 숫자만 추출해야 하는 상황이 존재한다.이때 정규표현식(Regular Expression)을 사용하면 간편하게 원하는 숫자 데이터를 얻을 수 있다.이번 글에서는 정규표현식을 이용해 숫자를 추출하는 방법을 단계별로 알아보려고 한다. 1. 숫자 추출을 위한 기본 정규표현식숫자를 추출하기 위해 가장 기본적으로 사용되는 정규표현식 패턴은 \\d이다.\\d: 숫자를 의미하며, 0부터 9까지의 숫자 하나를 매칭한다.+: 직전 패턴이 한 번 이상 반복되는 것을 매칭한다. 즉, 연속된 숫자들을 추출하기 위해 사용한다.이 패턴을 JavaScript에서 활용하는 방법은 다음과 같다:let varStr = "..
String 변수인 keyword와 label1 ~ label5가 비어있지 않다면 num++을 해주는 로직을 짰다. label1 ~ label5는 배열로 만들면 안 됐던 상황이었다. let num = 0; // keyword, label1 ~ label5 는 다른 곳에서 받아오는 값 if(keyword !== "" && keyword !== null){ num++; } if((label1 !== "" && label1 !== null)){ num++; } if((label2 !== "" && label2 !== null)){ num++; } if((label3 !== "" && label3 !== null)){ num++; } if((label4 !== "" && label4 !== null)){ num..
