🪴 변수와 let변수(variable)란 데이터를 저장할 때 사용하는 '이름이 붙은 저장소'입니다. 변수로 선언된 값은 언제든지 변화할 수 있습니다.자바스크립트에서는 'let'이라는 키워드를 사용하여 변수를 선언합니다. - 출처 사이트자바스크립트에서 변수를 선언할 때 지켜야 할 몇 가지 제약사항이 존재합니다.변수명에는 [문자 | 숫자 | 기호 $, _]만 들어갈 수 있습니다.변수명의 첫 글자에는 숫자가 올 수 없습니다.자바스크립트에서 이미 사용 중인 예약어(reserved word)는 변수명으로 사용할 수 없습니다. 아래는 실제 프로젝트에서 변수를 사용했던 예시입니다.선택된 옵션값(selectedOption)에 따라 정렬 방식(orderBy)이 정해집니다.let orderBy = '';if (selec..
🍄 옵셔널 체이닝 연산자([?.], optional chaining operator)옵셔널 체이닝 연산자(?.)를 사용하면 프로퍼티가 존재하지 않는 중첩 객체에 에러 없이 안전하게 접근할 수 있습니다.- 출처 사이트먼저 체이닝 연산자(.)는참조하는 값이 nullish한 값(null 또는 undefined)이면 존재하지 않는 값에 접근한다는 이유로 에러가 발생합니다. 이때 옵셔널 체이닝 연산자(?.)를 사용하면참조하는 값이 존재하지 않을 때, 에러가 발생하는 대신 undefined를 리턴합니다.반대로 왼쪽 참조값이 nullish한 값이 아니라면 오른쪽 참조값의 결과를 반환합니다. 예를 들어, 아래와 같은 객체가 있을 때 const user = { name: 'Emma', } // user.cat?..
배열은 일반 객체에 여러 기능을 추가해 만든 특수한 객체로, 자바스크립트는 배열을 쉽게 다룰 수 있는 메서드를 제공합니다.정리할 배열 메서드는 다음과 같습니다.요소 추가/삭제배열 잘라내기/붙이기배열 순회배열 탐색배열 정렬 🌿 요소 추가 및 삭제아래는 배열의 맨 끝 요소를 대상으로 하는 메서드입니다. push( 추가할_요소 )배열의 맨 끝에 새로운 요소를 추가하고, 새 배열의 길이를 반환합니다.const alphabet = ["a", "b", "c"];const newLength = alphabet.push("d", "e");console.log(alphabet); // ["a", "b", "c", "d", "e"]console.log(newLength); // 5 pop()배열의 맨 끝에 있는 요소를 ..
🐝 상위 스코프의 결정프로그래밍 언어가 함수의 상위 스코프를 결정하는 방법에는동적(Dynamic) 스코프: 함수를 호출한 위치에 따라 결정정적(Static) 스코프 -> 렉시컬(Lexical) 스코프: 함수를 선언한 위치에 따라 결정두 가지 방법이 있습니다. 예를 들어, 아래와 같은 코드가 있을 때var x = 1;function foo() { var x = 10; bar(); // 함수 bar()가 호출된 위치}function bar() { // 함수 bar()가 선언된 위치 console.log(x);}foo();동적 스코프를 따른다면 함수를 호출한 위치에 따라 상위 스코프를 결정하여,함수 bar()의 상위 스코프는 -> 함수 foo()와 전역 변수인 x입니다. 정적 스코프(렉시컬 스코프)..
