개발노트

map() map()은 JavaScript 배열에서 사용되는 메서드로, 배열의 각 요소를 순회하면서 각 요소에 대해 지정된 동작을 수행하고 그 결과를 새로운 배열로 반환합니다. map()은 원본 배열을 변경하지 않고 새로운 배열을 생성합니다. array.map((currentValue, index, array) => { // 동작 수행 return transformedValue; }); map()은 주어진 함수를 배열의 각 요소에 대해 순차적으로 호출하고, 각 요소에 대해 함수의 반환 값을 새로운 배열에 저장합니다. 그리고 최종적으로 새로운 배열을 반환합니다. array: map()을 호출하는 배열 자체입니다. currentValue: 배열의 현재 요소 값입니다. index (선택 사항): 배열의 현재 ..

State에 들어가기 앞서 구조 분해 할당을 이해해야합니다. Dstructuring assignment(구조 분해 할당) 구조 분해 할당을 통해 배열이나 객체의 요소를 변수로 추출할 수 있습니다. 이때 추출된 변수들은 할당 연산자(=)를 사용하여 우측의 배열이나 객체에서 해당 위치 또는 속성의 값을 가져옵니다. 구조 분해 할당은 배열이나 객체의 일부분만을 추출할 수도 있습니다. 이때는 추출하지 않을 요소는 쉼표(,)로 무시하면 됩니다. 1. 배열 구조 분해 할당 (Array) const array = [1, 2, 3]; // 기존 방식 const a = array[0]; const b = array[1]; const c = array[2]; // 구조 분해 할당 const [a, b, c] = array..

forEach는 배열의 각 요소에 대해 반복적으로 작업을 수행하기 위한 배열 메서드입니다. forEach 메서드는 콜백 함수를 사용하여 배열의 각 요소에 대해 작업을 수행합니다. 1. forEach 사용법 array.forEach(callback(currentValue, index, array), thisArg); array: 반복 작업을 수행할 배열입니다. callback: 각 요소에 대해 실행될 콜백 함수입니다. currentValue: 현재 처리 중인 요소의 값입니다. index (선택적): 현재 처리 중인 요소의 인덱스입니다. array (선택적): forEach 메서드를 호출한 배열입니다. thisArg (선택적): 콜백 함수 내에서 this로 사용할 객체입니다. 2. 다양한 forEach 작성..

JavaScript에서 let, const, var는 변수를 선언하는 세 가지 키워드입니다. 이들은 변수를 선언하는 방법과 변수의 범위와 생명주기에 대한 동작에서 차이가 있습니다. 1. var var는 변수를 함수 범위(function scope)로 선언합니다. 함수 내에서 선언된 변수는 해당 함수에서만 접근할 수 있으며, 함수 외부에서는 접근할 수 없습니다. 변수가 선언되기 전에도 사용할 수 있습니다. 이를 변수 호이스팅(variable hoisting)이라고 합니다. var로 선언된 변수는 중복 선언이 가능하며, 동일한 이름의 변수를 여러 번 선언하면 나중에 선언한 값으로 덮어씁니다. 예시) function example() { var x = 10; if (true) { var x = 20; cons..