CYAN

JavaScript reduce() 완벽 정리reduce() 메서드는 배열의 모든 요소를 순회하며 하나의 결과값으로 누적(축약) 하는 함수입니다.배열의 합계, 평균, 객체 변환 등 다양한 형태의 집계 작업에 활용됩니다.기본 문법array.reduce(function(누적값, 현재값, 인덱스, 배열) { return 새로운누적값;}, 초기값);매개변수 설명누적값(accumulator): 이전 콜백 함수의 반환값이 누적되어 전달됩니다.현재값(currentValue): 현재 순회 중인 배열의 요소 값입니다.인덱스(index): 현재 요소의 인덱스 번호입니다.배열(array): reduce()가 호출된 원본 배열입니다.초기값(initialValue): 누적값의 초기값으로, 지정하지 않으면 배열의 첫 번째 요소..

JavaScript some()과 every() 메서드 정리some()과 every()는 배열을 순회하며 조건을 검사하는 메서드입니다.두 메서드 모두 **불리언 값(true 또는 false)**을 반환하며, 배열의 모든 요소를 검사하는 방식이 다릅니다.some() 메서드설명some()은 배열의 요소 중 **하나라도 조건을 만족하면 true**를 반환합니다.조건을 만족하는 요소를 찾으면 즉시 반복을 멈춥니다.기본 문법array.some(function(요소, 인덱스, 배열) { return 조건식;}); 예제 1: 기본 사용const numbers = [1, 3, 5, 7, 10];const hasEven = numbers.some(num => num % 2 === 0);console.log(hasEve..

JavaScript filter() 완벽 정리filter() 메서드는 배열의 각 요소를 검사하여 조건에 맞는 요소만 모아 새로운 배열을 반환하는 메서드입니다.원본 배열은 변경되지 않으며, 필터링된 결과만 반환합니다.기본 문법const newArray = array.filter(function(요소, 인덱스, 배열) { return 조건식;});매개변수 설명요소(element): 현재 처리 중인 배열의 값인덱스(index): 현재 요소의 인덱스배열(array): filter()가 호출된 원본 배열반환값: true인 요소만 새로운 배열에 포함됩니다.간단한 예제const numbers = [1, 2, 3, 4, 5];const even = numbers.filter(num => num % 2 === 0);c..

JavaScript setTimeout()과 setInterval() 정리setTimeout()과 setInterval()은 JavaScript에서 시간 지연이나 주기적인 실행을 제어할 때 사용하는 함수입니다.두 함수 모두 비동기 함수로, 지정된 시간이 지난 뒤에 특정 코드를 실행하도록 예약합니다.setTimeout() - 일정 시간 후 한 번 실행setTimeout()은 일정 시간이 지난 후 한 번만 실행되는 타이머 함수입니다.기본 문법setTimeout(함수, 지연시간(ms));함수: 지정된 시간이 지나면 실행할 코드 또는 함수지연시간(ms): 실행까지 대기할 시간(밀리초 단위, 1000ms = 1초)예제 1: 2초 후 실행setTimeout(() => { console.log('2초 후 실행됩니다..

JavaScript 화살표 함수(Arrow Function) 정리화살표 함수(Arrow Function)는 ES6(ECMAScript 2015)에서 도입된 함수 표현식 문법입니다.간결하고 가독성이 높으며, this의 동작 방식이 일반 함수와 다르다는 특징이 있습니다.기본 문법(매개변수) => { 실행문;}또는 실행문이 한 줄이라면 중괄호({})와 return을 생략할 수 있습니다.(매개변수) => 표현식 예제 1: 기본 사용법const add = (a, b) => { return a + b;};console.log(add(2, 3)); 출력 결과5예제 2: 한 줄로 줄이기const add = (a, b) => a + b;console.log(add(2, 3));출력 결과5 예제 3: 매개변수가 하나일..

JavaScript map() 완벽 정리map() 메서드는 배열의 각 요소를 변환하여 새로운 배열을 만드는 메서드입니다.기존 배열은 변경되지 않고, 변환된 결과로 새로운 배열이 생성됩니다.기본 문법const newArray = array.map(function(요소, 인덱스, 배열) { // 새로운 값을 반환});매개변수 설명요소(element): 현재 처리 중인 배열의 값인덱스(index): 현재 요소의 인덱스(위치)배열(array): map()이 호출된 원본 배열반환값: 각 요소를 변환한 새로운 값 (이 값들이 새 배열을 구성합니다)간단한 예제const numbers = [1, 2, 3];const doubled = numbers.map(function(num) { return num * 2;})..

JavaScript forEach() 완벽 정리forEach()는 JavaScript에서 배열을 순회하며 각 요소에 대해 특정 작업을 수행할 때 사용하는 메서드입니다.for 문보다 간결하고 가독성이 좋아서 많이 사용됩니다.기본 문법array.forEach(function(요소, 인덱스, 배열) { // 실행할 코드});매개변수 설명요소(element): 현재 처리 중인 배열의 값인덱스(index): 현재 요소의 인덱스(위치)배열(array): forEach가 호출된 원본 배열간단한 예제const fruits = ['사과', '바나나', '포도'];fruits.forEach(function(item) { console.log(item);});출력 결과사과바나나포도화살표 함수로 간단하게const frui..

함수(Function) 는 특정 작업을 수행하는 코드 블록을 의미합니다. 같은 코드를 반복해서 작성하지 않고, 재사용할 수 있도록 도와주는 핵심 개념입니다.1. 함수 선언 방식(1) 함수 선언문 (Function Declaration)코드 실행 전에 메모리에 로드(호이스팅 O)어디서든 호출 가능function greet(name) { return `안녕하세요, ${name}님!`;}console.log(greet("홍길동")); // 안녕하세요, 홍길동님!(2) 함수 표현식 (Function Expression)변수에 함수 저장호이스팅 X (정의 이후에만 호출 가능)const greet = function(name) { return `안녕하세요, ${name}님!`;};console.log(greet..

JavaScript에서 반복문은 코드를 여러 번 실행하거나 배열/객체 데이터를 순회할 때 사용됩니다. 상황에 따라 다양한 반복문이 제공되며, 각각의 특징을 이해하면 효율적인 코드를 작성할 수 있습니다.1. for 문가장 기본적인 반복문으로, 초기값 → 조건식 → 증감식 순서로 실행됩니다.for (let i = 0; i 2. while 문조건이 true인 동안 반복 실행합니다.let i = 0;while (i 3. do...while 문조건을 나중에 검사하기 때문에, 최소 한 번은 반드시 실행됩니다.let i = 0;do { console.log(i); i++;} while (i 4. for...in 문객체의 속성(key) 을 순회할 때 사용합니다.let person = { name: "홍길동", ag..

배열(Array) 은 여러 개의 데이터를 순서대로 저장할 수 있는 자료형입니다. JavaScript에서는 객체(Object)의 한 종류이지만, 특별히 순서(index) 와 길이(length) 를 관리하는 기능이 내장되어 있어 데이터를 다루는 데 매우 많이 사용됩니다.1. 배열 생성 방법배열 리터럴let fruits = ["사과", "바나나", "포도"];Array 생성자let numbers = new Array(1, 2, 3);let emptyArray = new Array(5); // 길이 5인 빈 배열2. 배열 요소 접근인덱스(index)는 0부터 시작배열[인덱스] 로 접근let fruits = ["사과", "바나나", "포도"];console.log(fruits[0]); // 사과console.lo..