목록개념/JavaScript (7)
개발자 박가나
📌 이번 포스팅에서 배울 내용 ▶ 배열 ▷ 생성 / 요소 접근 ▷ 메서드 ▶ 객체 ▷ 생성 / 요소 접근 ▷ 메서드 ▷ 비교 / 병합 배열여러 개의 value를 하나의 변수에 저장하고 관리한다.생성기본적인 방법let fruits = ["사과", "바나나", "오렌지"] 크기를 지정하는 방법let fruits = new Array(3)console.log(fruits) // [empty, empty, empty]let numbers = Array.from({ length: 5 }, () => 0)console.log(numbers) // [0, 0, 0, 0, 0]요소 접근let fruits = ["사과",..
📌 이번 포스팅에서 배울 내용 ▶ Map ▷ set() / get() / has() / delete() / clear() / size ▷ keys() / values() / entries() ▶ Set ▷ add() / has() / delete() / clear() / size ▷ values() Map과 Set은 객체와 배열의 한계를 극복하기 위해 비교적 최근에 등장한 자료구조이다. 데이터 구성, 검색, 사용 등을 객체나 배열보다 효율적으로 처리할 수 있다. Map객체처럼 key-value 쌍을 저장한다.기본 기능 set(key, value) : key-value 쌍 저장 get(key) : key에 해당하는 va..
📌 이번 포스팅에서 배울 내용 ▶ 콜백 함수 ▶ 제어권 ▷ 호출 시점 / 인자 / this ▶ 콜백 지옥 ▶ 비동기 제어 ▷ Promise ▷ Generator ▷ async/await 콜백 함수 (Callback Function)다른 함수의 인자로 넘겨주는 함수이다. 🔥 인자로 넘겨줌으로써 실행에 대한 제어권을 함께 위임한다. 제어권콜백 함수는 제어권을 넘겨주는 대신 로직에 맞춰서 처리해 줄 것을 요청한다. 요청을 받은 함수(인자로 콜백 함수를 넘겨받은 함수)는 제어권을 가지고 필요에 따라 적절한 시점에 콜백 함수을 실행한다.호출 시점콜백 함수를 호출하는 시점에 대한 제어권을 가진다. (ex. setIn..
📌 이번 포스팅에서 배울 내용 ▶ 조건문 ▷ if문 / if - else문 / if - else if - else문 ▷ switch문 ▷ 삼항 연산자 / 조건부 실행 / 단축평가 ▶ 반복문 ▷ for문 / for - of문 / for - in문 ▷ while문 / do - while문 ▷ break / continue 조건문특정 조건을 만족하는 경우에만 코드를 실행할 수 있게 하는 문법이다. 🔥 특정 조건을 만족하는 경우라는 것은 조건이 true일 때가 아니라 truthy할 때를 뜻한다.■ falsy한 값 : false / null / undefined / 0 / NaN / ' '■ tru..
📌 이번 포스팅에서 배울 내용 ▶ 일급 객체로서의 함수 ▷ 변수에 할당 ▷ 다른 함수에 인자로 전달 ▷ 함수를 반환 ▷ 객체의 프로퍼티로 할당 ▷ 배열의 요소로 할당 일급 객체 (First-class Object)다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 의미한다. JavaScript의 함수는 값으로 취급되고 일급 객체로서의 성격을 띄기 때문에 매우 유연하게 사용할 수 있다.변수에 할당함수는 다른 변수와 마찬가지로 변수에 할당할 수 있고, 변수에 할당된 함수는 나중에 사용 가능하다.const sayHello = function() { console.log('Hello!')}sayHello()..
📌 이번 포스팅에서 배울 내용 ▶ ES6 문법 ▷ let, const ▷ 화살표 함수 ▷ 삼항 연산자 ▷ 구조 분해 할당 ▷ 단축 속성명 ▷ 전개 구문 ▷ 나머지 매개변수 ▷ 템플릿 리터럴 ▷ default export / named export ES6 (ECMAScript 6)2015년에 발표된 JavaScript의 버전 중 하나로, 새로운 문법과 기능을 대규모로 도입하여 개발자들이 보다 쉽고 효율적으로 코드를 작성할 수 있도록 개선하였다. 🔥 ES6는 대규모 문법적 향상 및 변경으로 인해 자주 언급되는 내용이다.let, const기존에 존재하던 ..
📌 이번 포스팅에서 배울 내용 ▶ 호이스팅 ▶ 일시적 사각지대 호이스팅 (Hoisting)코드가 실행되기 전, 변수 및 함수의 선언이 해당 스코프의 최상단으로 끌어올려진 것 같은 현상을 말한다. 코드가 실행되기 전에 이미 변수 및 함수의 선언이 저장되어 있기 때문에 코드 상에서 선언보다 참조 및 호출이 먼저 발생해도 오류없이 동작한다.console.log(x) // undefinedvar x = 5console.log(x) // 5 JavaScript의 모든 선언에는 호이스팅이 발생하지만 let 이나 const 키워드를 이용한 선언의 경우 TDZ에 빠지기 때문에 호이스팅이 발생하지 않는 것처럼 동작한다. 즉, var 키워드로 선언된 변수와 달리 let 이나 const 키..