화살표 함수(Arrow Function) 사용법 및 주의할 점
·
Programming/JavaScript & TypeScript
JavaScript의 화살표 함수(Arrow Function)는 ES6에서 도입된 간결하고 편리한 함수 정의 방식입니다. 화살표 함수는 기존의 함수 표현식보다 문법이 간단하고, this 바인딩이 정적으로 결정되는 등 여러 장점을 가지고 있습니다. 이번 글에서는 화살표 함수의 사용법과 주의할 점에 대해 알아보겠습니다.1. 화살표 함수 기본 사용법화살표 함수는 function 키워드 대신 => 기호를 사용하여 함수를 정의합니다. 다음은 기본적인 화살표 함수의 문법입니다.// 기본 함수 표현식const add = function(a, b) { return a + b;};// 화살표 함수 표현식const add = (a, b) => { return a + b;};// 더 간단한 표현 (중괄호와 return ..
JavaScript 스프레드 연산자 사용법
·
Programming/JavaScript & TypeScript
JavaScript의 스프레드 연산자는 배열과 객체를 다룰 때 매우 유용한 기능입니다. 스프레드 연산자를 사용하면 배열이나 객체의 요소를 간편하게 분해하거나 결합할 수 있습니다. 여기에서는 스프레드 연산자의 다양한 사용법을 자세히 알아보겠습니다.1. 배열에서의 스프레드 연산자배열 복사하기배열을 복사할 때 스프레드 연산자를 사용하면 원본 배열을 변경하지 않고 새로운 배열을 생성할 수 있습니다.const originalArray = [1, 2, 3];const copiedArray = [...originalArray];console.log(copiedArray); // [1, 2, 3]배열 병합하기여러 배열을 하나의 배열로 병합할 때도 스프레드 연산자를 사용할 수 있습니다.const array1 = [1, ..