개발자 박가나

📌 이번 포스팅에서 배울 내용     ▶ 배열          ▷ 생성 / 요소 접근          ▷ 메서드     ▶ 객체          ▷ 생성 / 요소 접근          ▷ 메서드           ▷ 비교 / 병합  배열여러 개의 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  키..