템플릿 리터럴(Template literals) 템플릿 리터럴(Template Literal)은 ES6에서 새롭게 도입된 기능으로, JavaScript에서 문자열을 조립하고 다양한 값을 삽입하는 데 사용되는 강력한 도구 중 하나입니다. 템플릿 리터럴은 백틱(backtick) 문자 (`)로 둘러싸여 있으며, 이를 통해 멀티라인 문자열과 변수 삽입을 간편하게 처리할 수 있습니다. (문자열을 +로 일일이 연결해 줘야 하는 작업 불필요) 템플릿 리터럴 기본 문법 let a = "hello"; // 큰따옴표 let b = 'hello'; // 작은따옴표 let c = `hello`; // 백틱 (Template literals) console.log(a); // hello console.log(b); // hel..
JavaScript
단축평가 (short-circuit evaluation) 단축평가는 프로그래밍 언어에서 논리 연산자를 사용할 때, 논리식을 최소한의 평가로 빠르게 결정하는 기술 또는 동작 방식을 의미합니다. 간단하게 말하자면 표현식을 평가하는 도중에 평가 결과가 확정된 경우 나머지 평가 과정을 생략하는 것입니다. 논리곱 And(&&)의 단축평가 && 연산자는 두 피연산자가 모두 true일 경우에만 true를 반환합니다. && 연산자는 왼쪽 피연산자와 오른쪽 피연산자가 모두 true일 때만 true를 반환하고, 그렇지 않으면 false를 반환합니다. 단축평가에서는 왼쪽 피연산자가 false인 경우 오른쪽 피연산자를 평가하지 않고 즉시 false를 반환합니다. 이로써 불필요한 연산을 피할 수 있습니다. 두 개의 조건 중 하..
Truthy and Falsy Truthy와 Falsy는 참 같은 값, 거짓 같은 값으로 JavaScript에서 값의 진위(True or False)를 나타내는 논리적인 개념입니다. 이러한 개념은 조건문, 논리 연산 및 값의 평가와 관련이 있습니다. Falsy 거짓 같은 값(Falsy, falsey로 쓰이기도 함) 값은 Boolean 문맥에서 false로 평가되는 값입니다. Falsy값의 종류 아래 값들을 javascript 조건문 등에서 사용하면 False로 판단합니다. undefined: 값이 할당되지 않은 변수 빈 문자열 "", '', `` 숫자 0 null Truthy 참 같은 값(Truthy)은 위에서 설명한 Flasy 이외의 모든 값이라고 이해하면 됩니다. // boolean 타입의 값(Tru..
구조 분해 할당이란? 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. JavaScript는 객체와 배열에서 값들을 추출하고 변수에 할당하는 강력한 구조분해할당(Destructuring Assignment) 기능을 제공합니다. 이 기능을 사용하면 코드를 간결하게 작성하고 가독성을 향상시킬 수 있습니다. 객체의 속성 추출하기 객체의 속성 접근 방법과 구조 분해 할당 let a = { name: "son", age: 30 }; // 객체 속성에 직접 접근하는 방법 console.log(a.name); // son console.log(a.age); // 30 // 직접 변수에 할당하는 방법 let myName = a.name; ..
