sjindev 님의 블로그

오늘은 JavaScript 의 배열 메서드에 대해서 정리해볼 예정이다.굉장히 자주 쓰이고, 콜백 함수와 함께 사용되는 대표적인 배열 메서드인 map() 부터 알아보도록 하겠다.map() 은 언제 사용하는가?기존 배열의 값을 새롭게 가공할 때 사용한다고 보면 된다.map() 을 사용하지 않고 작성한 코드를 먼저 살펴보면 아래와 같다.let arr = [1, 2, 3, 4, 5];let newArray = [];for (let i = 0; i 위와 같이 새로운 빈 배열 newArray를 생성한 뒤 반복문 속에서 newArray에 원하는 값을 push해주는 방식의 코드이다.이번에는 map()을 활용하여 위 코드를 조금더 간단하게 바꿀 것이다.let arr = [1, 2, 3, 4, 5];let newArray..

콜백 함수란, 다른 함수의 인자로 넘겨져서 그 함수 안에서 특정 조건이나 이벤트가 발생했을 때 호출되는 함수이다. 즉, 다른 함수가 콜백 함수를 실행하는 것을 기다린 후, 특정 상황이 발생하면 콜백 함수를 실행하는 방식이다. 간단히 예제를 보며 이해해보자.const printResult = (a, b) => { let result = a + b; console.log("결과:", result);};const doubleResult = (a, b) => { let result = a + b; console.log("결과에 2를 곱한 값:", result * 2);};printResult(5, 3);doubleResult(5, 3);위와 같이 코드를 작성하면 let result = a ..

프로젝트를 하며 js를 다루다가, api 연동 혹은 리액트 코드 작성을 위해 사용한 함수식은 대부분 화살표 함수로 작성되어있다는 것을 깨달았다. 과연 내가 제대로 알고 쓰는것일까? 문득 궁금하여 다시 공부하고 내용을 정리해서 글로 남겨두고자 한다.어떻게 동작하는지 모른채로 접한다면 이해하기 힘들 수 있다. 우선 화살표함수는 ES6 이후 문법으로 function 키워드 대신 "=>" 모양을 사용하여 만든 함수이다. 이 글에서 알아볼 방식은 함수를 선언하는 방식 중 함수표현식과 함수선언식 방식이다. 화살표 함수 - 화살표 함수는 function 키워드 대신 => 기호를 사용하는 함수 표현식이다.const add = (a, b) => a + b;console.log(add(2, 3)); // 5 함수 선언식..