본문 바로가기

IT/JavaScript

 (5)
[JavaScript] 더 깔끔한 코드를 위해, ES6 펼침 연산자의 다양한 활용법과 장점 자바스크립트의 펼침 연산자(Spread Operator)는 배열이나 객체의 요소들을 펼쳐서 개별 요소로 분리하거나, 여러 요소를 하나의 배열 또는 객체로 합치는 기능을 제공합니다. 펼침 연산자는 ... 기호를 사용하여 표현하며, ES6 (ECMAScript 2015)에서 도입되었습니다. 1. 배열에서의 사용: 펼침 연산자를 배열에서 사용하면 배열의 요소들을 개별적인 값으로 펼쳐줍니다. const array = [1, 2, 3]; console.log(...array); // 1 2 3 (개별 요소로 출력) // 배열 합치기 const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; const combinedArray = [...array1, ...array2]; cons..
[JavaScript] ES6의 문자열 표기법 : 가독성과 효율성을 높이는 '템플릿 리터럴' 활용 자바스크립트 템플릿 리터럴은 ES6 (ECMAScript 2015)에서 도입된 문자열 표기법으로, 기존의 문자열 표기 방식인 따옴표(')나 쌍따옴표(") 대신 백틱( )을 사용하여 문자열을 생성하는 방법입니다. 템플릿 리터럴은 여러 줄로 이루어진 문자열과 문자열 안에 변수나 표현식을 간단하게 삽입할 수 있는 기능을 제공합니다. 템플릿 리터럴은 다음과 같은 특징을 가지고 있습니다: 1. 백틱( ) 사용 - 템플릿 리터럴은 백틱으로 문자열을 감싸서 생성합니다. 2. 여러 줄 문자열 - 템플릿 리터럴은 여러 줄로 이루어진 문자열을 쉽게 표현할 수 있습니다. 3. 변수 및 표현식 삽입 - ${}를 사용하여 변수나 표현식을 문자열 안에 삽입할 수 있습니다. 1. 기본 사용법 const name = "Alice";..
[JavaScript] 자바스크립트의 블록 유효 범위 이해하기! 자바스크립트에서 블록 유효 범위(블록 스코프)는 변수가 해당 변수가 선언된 블록({ ... }) 내에서만 유효하다는 개념을 의미합니다. ES6 (ECMAScript 2015) 이전에는 자바스크립트에서 변수의 유효 범위가 함수 범위였으며, var 키워드로 선언한 변수는 함수 내에서만 유효했습니다. 하지만 ES6에서 let과 const 키워드가 추가되면서 블록 유효 범위를 갖는 변수를 선언할 수 있게 되었습니다. 블록 스코프를 가지는 변수 선언 방식에는 다음과 같은 두 가지가 있습니다: 1. let 변수: let 키워드를 사용하여 선언된 변수는 해당 블록 내에서만 유효합니다. 블록은 보통 중괄호 {}로 표시되며, if문, for문, 함수 등에서 블록이 생성될 수 있습니다. 예시: function exampl..
[JavaScript] 화살표 함수, 나머지 매개변수, 기본 매개변수: ES6 함수 호출식 ES6에서도 기본적인 함수 호출식은 이전의 JavaScript와 동일하게 사용할 수 있습니다. 그러나 ES6에는 함수 호출식을 다루는 몇 가지 새로운 기능이 추가되었습니다. 1. Arrow Functions (화살표 함수) ES6에서는 화살표 함수(arrow function)라고 불리는 새로운 함수 선언 방식이 도입되었습니다. 화살표 함수는 더 간결하고 직관적인 문법으로 함수를 선언할 수 있게 해줍니다. // ES5 함수 선언 방식 function add(a, b) { return a + b; } // ES6 화살표 함수 선언 방식 const add = (a, b) => a + b; Rest Parameters (나머지 매개변수) 2. Rest Parameters (나머지 매개변수) 함수 호출식에서 ....
[JavaScript] 변수 선언 키워드(var, let, const)의 차이점과 활용 방법 변수 선언 키워드(var, let, const)의 차이점과 활용 방법 var, let, 그리고 const는 JavaScript에서 변수를 선언하는 세 가지 다른 키워드입니다. 이들 간에는 중요한 차이점이 있습니다. 1. var (Function-scoped) var는 함수 범위(function-scoped) 변수를 선언하는 데 사용됩니다. var로 선언한 변수는 함수 내부에서 선언된 경우 함수 내에서만 유효합니다. 함수 외부에서 선언된 var 변수는 전역 변수로 동작하며, 프로그램의 어디서든 접근이 가능합니다. 호이스팅(hoisting)이 발생하여 변수가 선언되기 전에도 사용할 수 있습니다. 최신 버전의 JavaScript에서는 let과 const를 주로 사용하며, var는 더 이상 권장되지 않는 키워드..

티스토리툴바