모던 자바스크립트 Deep Dive

: 다양한 타입의 값을 한 단위로 구성한 자료구조이다. \*\* 원시 타입의 값은 변경 불가능한 값이지만 객체 타입의 값,즉 객체는 변경 가능한 값이다. 프로퍼티는 키(key)와 값(value)으로 구성되며 함수도 프로퍼티 값으로 사용할 수 있다. 프로퍼티 값이 함수

var 키워드로 선언한 변수는 재선언이 가능하다. var 키워드는 함수 내에서 선언된 변수는 함수 내에서만 유효하며함수 외부에서는 참조할 수 없다. 즉, 함수 내부에서 선언한 변수는 지역 변수이며 함수 외부에서 선언한 변수는 모두 전역 변수이다.ex1) 함수 외부에서

클래스는 class 키워드를 사용하여 정의한다. 클래스 이름은 생성자 함수와 마찬가지로 파스칼 케이스를 사용하는 것이 일반적이다. 클래스 몸체에서 costructor(생성자), 프로토타입 메서드, 정적 메서드로 3가지가 있다. 다른 방법으로 constructor 안에

이벤트가 발생했을 때 호출된 함수를 이벤트 핸들러라 하고,이벤트가 발생했을 때 브라우저에게 이벤트 핸들러의 호출을 위임하는 것을 이벤트 핸들러 등록이라 한다. 👉 따라서 특정 버튼 요소에서 클릭 이벤트가 발생하면 특정 함수(이벤트 핸들러)를 호출하도록 브라우저에게 위

48.1 모듈의 정의 모듈(module)이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 뜻한다. 모듈은 명시적으로 선택적 공개가 가능하다. 이를 export라 한다. 공개된 모듈의 자산은 다른 모듈에서 재사용할 수 있다. ➡️ 이때 공개된

strict mode(엄격 모드)는 JS 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이높거나 JS 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 명시적인에러를 발생시킨다. ES6에서 도입된 클래스와 모듈은 기본적으로 strict mode가 적용된다

Ajax란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 뜻한다. Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest 객체를 기반으로 동

Promise 콜백 함수를 사용한 비동기 처리에는 콜백 지옥(callback hell) 문제가 있는데, 이는 함수가 중첩되면서 코드가 복잡해지고 가독성이 떨어지는 문제입니다. 프로미스는 이러한 문제를 해결해줍니다. 프로미스는 비동기 프로그래밍에서 사용되는 객체로,

호출 스케줄링 함수를 명시적으로 호출하면 함수가 즉시 실행된다. 만약 함수를 명시적으로 호출하지 않고 일정 시간이 경과된 이후에 호출되도록 함수 호출을 예약하려면 타이머 함수를 사용해야 한다. 이렇게 함수를 명시적으로 호출하지 않고 타이머 함수를 사용하여 일정 시간이