본문 바로가기

전체 글17

[JS] reduce 메서드 완벽 가이드 1. 들어가며JavaScript의 reduce() 메서드는 배열의 모든 요소를 순회하며 단일 값으로 축약하는 강력한 기능을 제공합니다. map()이나 filter()와 함께 가장 많이 사용되는 고차 함수 중 하나로, 데이터를 누적 처리하거나 변환할 때 유용합니다. 이 글에서는 reduce() 메서드의 동작 원리, 다양한 사용 사례, 그리고 실무에서의 활용 방법까지 상세히 다뤄보겠습니다.2. reduce 메서드란?2.1 정의reduce()는 배열의 각 요소에 대해 주어진 콜백 함수를 실행하며, 그 결과를 누적(accumulate)하여 단일 값으로 반환합니다.문법:array.reduce(callback(accumulator, currentValue, index, array), initialValue);2.2.. 2025. 1. 23.
[JS] 점 표기식과 대괄호 표기식의 차이점 1. 점 표기식 (Dot Notation)1.1 개념점 표기식은 **.(점)**을 사용하여 객체의 속성에 접근하거나 값을 설정하는 방식입니다. 속성 이름이 간단한 식별자일 때 주로 사용됩니다.1.2 사용법const obj = { name: "John", age: 30 };// 속성 값 읽기console.log(obj.name); // "John"// 속성 값 수정obj.age = 31;console.log(obj.age); // 311.3 특징가독성: 코드가 간결하고 읽기 쉬움.제한사항: 속성 이름에 공백, 특수 문자, 숫자로 시작하는 경우 사용 불가.2. 대괄호 표기식 (Bracket Notation)2.1 개념대괄호 표기식은 **[](대괄호)**를 사용하여 객체의 속성에 접근하거나 값을 설정하는 방식.. 2025. 1. 21.
[JS] 형변환 완벽 가이드: 명시적 & 암시적 변환의 모든 것 JavaScript 형변환 완벽 가이드: 명시적 & 암시적 변환의 모든 것1. 들어가며JavaScript는 동적 타입 언어로, 변수의 데이터 타입이 유연하게 변경될 수 있습니다. 이러한 특성 덕분에 편리하지만, 형변환(Type Conversion)으로 인해 예상치 못한 오류가 발생할 수도 있습니다. 이 글에서는 명시적 형변환과 암시적 형변환의 차이를 명확히 이해하고, 실무에서 안전하게 형변환을 사용하는 방법을 소개합니다.2. 형변환의 종류2.1 명시적 형변환 (Explicit Type Conversion)개념: 개발자가 의도적으로 데이터 타입을 변환하는 방법입니다.주요 메서드: String(), Number(), Boolean()장점: 코드가 명확하고 예측 가능함.2.2 암시적 형변환 (Implicit .. 2025. 1. 21.
[JS] filter() 완벽 가이드: 배열 필터링의 모든 것" filter() 메서드처음에 js로 코딩테스트 문제를 풀다 다른 사람들의 코드를 보면 filter라는 메서드를 상당히 자주 쓰는 것을 볼 수 있다.그래서 오늘은 filter 메서드가 어떻게 작동하고 활용되는지에 대해서 알아보려고 한다.     기본 개념filter()는 JavaScript 배열 메서드로, 배열의 각 요소를 순회하며 조건에 맞는 요소들만 추출하여 새로운 배열을 반환합니다.원본 배열은 변경되지 않으며, 조건에 부합하는 요소들만 포함된 새로운 배열이 반환됩니다.데이터를 정제하거나 특정 조건을 만족하는 데이터를 선택할 때 유용합니다. array.filter(callback(element, index, array), thisArg); element: 현재 처리 중인 요소.index: 현재 요소의 .. 2025. 1. 20.
[JS] JavaScript 배열, 기초부터 2차원 배열까지 완벽 정리 JavaScript 배열 개념과 기본 사용법JavaScript에서 배열은 여러 개의 값을 하나의 변수에 저장할 수 있는 특별한 객체입니다.일반적으로 숫자, 문자열, 객체 등 다양한 타입의 데이터를 하나의 배열 안에 저장할 수 있어요. const fruits = ['apple', 'banana', 'cherry'];console.log(fruits); // ['apple', 'banana', 'cherry'] 배열안에 직접 값을 지정하는 배열 리터럴 방식입니다.const numbers = new Array(1, 2, 3, 4); Array 생성자를 사용하여 배열을 선언하는 방식입니다. // 문자열을 배열로 변환const strArray = Array.from('hello');console.log(strAr.. 2025. 1. 17.
[JS] ECMAScript 제대로 알면 JavaScript가 쉬워진다! 1. 들어가며ECMAScript(ES)는 웹 개발에서 필수적인 JavaScript의 표준 사양입니다. 우리가 매일 사용하는 JavaScript는 ECMAScript 사양을 기반으로 동작하며, 이 표준은 JavaScript의 기능과 동작 방식을 정의합니다.이 글에서는 ECMAScript의 개념, 역할, 그리고 JavaScript와의 관계를 간단히 소개하며, 왜 ECMAScript를 이해하는 것이 중요한지 알아보겠습니다.  ECMAScript란 무엇인가? 정의ECMAScript는 JavaScript의 표준 명세입니다. ECMA International이라는 단체에서 관리하고, 공식적으로는 ECMA-262라는 이름으로 불립니다. JavaScript뿐만 아니라, ActionScript와 같은 다른 언어에서도 구.. 2025. 1. 16.
[JS] var vs let vs const 선택 방법 들어가며JavaScript는 유연하고 강력한 프로그래밍 언어로, 다양한 환경에서 널리 사용되고 있습니다. 하지만 이러한 유연성은 때로는 개발자들에게 혼란을 줄 수 있습니다. 특히 변수를 선언하는 방법이 여러 가지(var, let, const)로 제공되면서, 각 키워드의 차이를 이해하지 못하면 의도치 않은 버그가 발생할 수 있습니다.이 글에서는 JavaScript의 변수 선언 방식인 var, let, const의 차이를 이해하고, 언제 어떤 키워드를 선택해야 할지 명확히 정리해 보겠습니다. 올바른 변수 선언은 더 안전하고 유지보수하기 쉬운 코드를 작성하는 데 중요한 첫걸음이기 때문입니다.함께 차근차근 알아보시죠! 🚀   기본 개념JavaScript에서 변수를 선언할 때 사용할 수 있는 키워드는 var, .. 2025. 1. 15.

티스토리툴바