계발하는 개발자

클로저를 공부하기에 앞서 MDN에서 클로저에 대해 검색해보면 "클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지 렉시컬 스코프(Lexical Scope)를 먼저 이해해야 한다." 라고 나와있다. 따라서, 렉시컬 스코프가 무엇인지를 먼저 알아보자. 정적 스코프(static scope), 렉시컬 스코프(Lexical Scope)란? 렉시컬 스코프는 한 마디로 함수를 어디에 선언하였는지에 따라 상위 스코프가 결정되는 것을 말한다. 자바스크립트를 포함한 대부분의 프로그래밍 언어는 렉시컬 스코프를 따르며, 이를 정적 스코프(Static Scope) 라고 부르기도 한다. function init() { var name = "Mozilla";..

sort() 메서드란? sort 메서드는 자바스크립트 배열 요소를 정렬하는 데 사용되는 내장 메서드입니다. 배열을 정렬하여 요소들을 원하는 순서로 재배치할 수 있습니다. 특징 - 배열의 요소를 문자열로 캐스팅(형변환)한 후 변환된 문자열을 비교하여 순서를 결정합니다. 이는 문자열로 변환된 각 요소를 비교하여 정렬하는 것을 의미합니다. - sort 메서드는 비교 함수를 선택적으로 인수로 받을 수 있습니다. 비교 함수는 두 개의 요소를 인수로 받고 비교 결과에 따라 순서를 결정하는 값을 반환해야 합니다. (아래의 예시 참고!) 활용 (1) 비교 정렬 비교대상이 숫자인 경우 : 오름차순 작은 숫자부터 큰 숫자로의 정렬 Ex) 1 > 2 > 3 > 4 (작은 수가 맨앞에 위치!) // 숫자값 배열 const n..

자바스크립트에서 undefined와 null은 둘 다 값이 없음을 나타내는 특별한 값입니다. 그러나 이 두 값은 약간의 차이가 있습니다. 1. undefined undefined는 변수가 선언되었지만 값이 할당되지 않은 경우에 자동으로 할당되는 원시값입니다. 예를 들어, 변수를 선언하고 초기화하지 않으면 해당 변수의 값은 undefined가 됩니다. 또는 함수에서 명시적으로 값을 반환하지 않으면 함수의 반환 값은 undefined가 됩니다. Ex1 - 변수선언되었으나, 값이 할당되지 않은 경우) let x; console.log(x); // 출력: undefined Ex2 - 함수에서 명시적으로 값을 반환하지 않은 경우) function foo() { // 값이 반환되지 않음 } console.log(f..

is 메서드와 includes 메서드는 각각 특정 아이디나 요소와 일치하는지 여부를 상호 비교하거나, 하나의 문자열 혹은 배열이 특정 문자를 포함하는지 여부를 확인하며, 그 비교 대상과 반환 값의 종류가 다릅니다. 1. is 메서드 사용 방법: 문자열.is(다른 문자열) 반환값: 두 문자열의 일치여부를 확인하여 true/false를 반환합니다. const element = $('div'); // 클래스/아이디 일치여부 확인 if (element.is('.highlight')) { console.log('이 요소는 .highlight 클래스를 가지고 있습니다.'); // 같은 경우 } else { console.log('이 요소는 .highlight 클래스를 가지고 있지 않습니다.'); // 다른 경우 }..