[React] 순수 함수순수 함수란React에서 순수함수란 컴포넌트의 렌터링 과정에서 자주 언급되는 개념이다. 일반적으로 React는 순수 함수로 작성되는 것이 권장된다. 순수 함수의 정의순수 함수는 아래의 두가지jongseoung.tistory.com JavaScript에서 배열을 다룰 때 자주 사용되는 다양한 배열 메서드들이 있다. 이 매서드들은 배열의 각 요소에 대해 반복 작업을 수행하거나, 배열의 일부를 필터링하거나, 배열을 변형시키는 등의 작업을 할 때 매우 유용하다. reduce배열의 요소를 순회하면서 콜백 함수를 실행하고, 그 결과를 누적하여 단일 값을 반환한다. 이 매서드는 배열을 하나의 값으로 누적하는데 유용하다.const numbers = [1, 2, 3, 4];const sum = n..
FrontEnd/자바스크립트
고차함수의 기본 개념고차함수는 다른 함수를 인자로 받거나 함수를 반환하는 함수를 말한다. JavaScript에서 함수는 일급 객체로 취급되기 때문에 함수를 다루는 고차함수를 자주 활용할 수 있다. 함수를 인자로 받는 고차함수아래의 예제에서 higherOrderFunction은 콜백함수 callback을 인자로 받는 고차함수이다.function higherOrderFunction(callback) { console.log('Executing higher order function'); callback(); // 콜백 함수 호출}function callbackFunction() { console.log('Executing callback function');}higherOrderFunctio..
클래스의 경우 파이썬이나 다른 언어를 다뤄본 사람이라면 쉽게 다뤄 볼 수 있다고 생각하여, 간단한 예시들만 정리하였다. 클래스 선언'class' 키워드를 이용하여 선언한다. 클래스 내부에는 생성자 메서드와 클래스 멤버를 정의할 수 있다.class Animal { constructor(name) { this.name = name; } speak() { console.log(`${this.name} makes a noise.`); }}const myAnimal = new Animal('Dog');myAnimal.speak(); // "Dog makes a noise." 클래스 상속클래스 상속은 기존 클래스를 확장하여 새로운 클래스를 정의하는 것을 말합니다. e..
화살표 함수화살표 함수는 ES6에서 도입된 새로운 함수 표현 방식으로 함수를 간결하게 정의할 수 있다. 주로 익명 함수의 사용을 줄이고 코드를 간결하게 만드는데 사용된다. 아래의 예시처럼 => 기호로 정의되며, 매개변수 하나인 경우 괄호를 생략할 수 있다. 함수의 몸체가 한줄인 경우 중괄호 {}와 return 키워드를 생략할 수 있다.// 기본 구문const add = (a, b) => { return a + b;};// 한 줄 표현 시 중괄호와 return 생략 가능const multiply = (a, b) => a * b;console.log(add(2, 3)); // 5console.log(multiply(2, 3)); // 6 화살표 함수와 Scope함수 내부에서의 this 바인딩 ..
전개 문법은 파이썬에서 *과 비슷한 역할로 ...을 이용해서 표현한다. 배열에서의 전개 문법배열의 요소를 개별로 분리한다. 주로 배열을 복사하거나 여러 배열을 합칠 때 사용된다. 배열 복사const arr = [1, 2, 3];const copyArr = [...arr];console.log(copyArr); // [1, 2, 3] 배열 합치기const arr1 = [1, 2, 3];const arr2 = [4, 5, 6];const combinedArr = [...arr1, ...arr2];console.log(combinedArr); // [1, 2, 3, 4, 5, 6] 새로운 요소 추가const arr = [1, 2, 3];const newArr = [...arr, 4, 5];console.log..
