프론트 개발자를 위한 여정

모든 영역을 안내하는 개발자

ArrowFunction 2

화살표 함수(Arrow Function)

화살표 함수란?화살표 함수(Arrow Function)는 ES6(ECMAScript 2015)에서 도입된 JavaScript의 기능으로, 함수를 작성하는 새로운 간결한 문법입니다.등장 배경간결한 문법의 필요성기존의 function 키워드를 사용한 함수 선언 방식은 코드가 길어지고 가독성이 떨어질 수 있었습니다. 특히 콜백 함수나 익명 함수가 자주 사용되는 상황에서 더더욱 간단한 방식이 필요했습니다.this 바인딩 문제 해결JavaScript에서의 this는 함수가 호출되는 방식에 따라 달라집니다. 그러나 화살표 함수는 this를 작성된 위치에서 상속받아 사용합니다(렉시컬 스코프). 이로 인해 복잡한 상황에서의 this 문제를 해결하기 위해 추가 코드(예: .bind()나 self = this 패턴)를 작..

Frontend/JavaScript 2024.12.19

Javascript 비동기 프로그래밍, 클로저와 스코프, 모듈화, ES6

JavaScript 심화 개념 정리이번 글에서는 JavaScript에서 중요한 심화 개념들을 다룹니다. 비동기 프로그래밍, 클로저와 스코프, 모듈화, 최신 문법(ES6+)을 포함한 각 개념을 예제와 함께 설명합니다.1. 비동기 프로그래밍JavaScript는 기본적으로 싱글 스레드로 동작하며, 이로 인해 비동기 프로그래밍이 필요합니다. 콜백, 프로미스(Promises), async/await을 활용해 비동기적인 작업을 효율적으로 처리할 수 있습니다.1.1 콜백콜백 함수는 비동기 작업이 완료되었을 때 호출되는 함수입니다. 하지만 중첩된 콜백을 사용할 경우 콜백 지옥이 발생할 수 있습니다.function fetchData(callback) { setTimeout(() => { callback..

Frontend/JavaScript 2024.11.13