JavaScript

execute context ? 실행할 코드에 제공할 환경 정보들을 모아놓은 객체를 의미합니다.

Closure ? 어떤 함수에서 선언한 변수를 참조하는 내부함수를 외부로 전달하는 경우 외부 함수가 종료된 이후에도 외부함수에서 선언한 변수가 사라지지 않는 현상 즉, **내부 함수**에서 **외부함수**의 값에 접근할 수 있다는 개념

이벤트 루프 & 태스크 큐

Throttleing(쓰로틀링)은 마지막 함수가 실행된 이후 일정 시간이 지나기 전까지 함수가 호출되지 않도록 하는 테크닉 Debouncing(디바운싱)은 연속으로 호출되는 함수들 중에 마지막에 호출되는 함수(또는 제일 처음 함수)만 실행되도록 하는 것하는 테크닉

Map&Set?

prototype ? > 프로토타입은 특정 객체에 대한 참조를 의미합니다. 생성자 함수가 인스턴스를 생성하면 그 안에는 숨겨진 프로퍼티 [[prototype]]이 존재합니다. 코드에서는 proto로 표현됩니다. proto는 자신을 만든 생성자 함수의 prototype을

class는 객체를 생산하는 공장, 틀이란 표현으로 자주 사용됩니다.class를 통해 원하는 틀의 객체를 만들고, 비슷한 모양의 객체로 공장처럼 찍어낼 수 있습니다.자바스크립트에서 class는 prototype를 기반으로 좀 더 직관적이고, 작성하기 쉽게 나온 ES6

함수의 매개변수(parameter)로 전달되는 함수를 의미합니다.어떤 이벤트(event)에 의해 호출되어지는 함수를 의미합니다.매개변수로 사용되는 콜백함수의 예시 코드위와 같이 함수에 매개변수로 함수(hello())를 받아 함수에 매개변수로 받은 함수(hello():

- promise는 어떤 과정 이후 주어진 동작을 실행할 것을 약속하는 것을 의미합니다. - 중첩된 비동기 코드를 직관적이고 연속적인 코드로 작성할 수 있도록 합니다. - callback hell의 문제를 해결할 수 있습니다.

기존 콜백함수와 프로미스의 비동기처리 방식을 보완하고, 좀 더 보기 편하게 개선한 Syntactic sugar 문법입니다.

## 이미지 최적화가 필요한 이유 ### (1) 웹사이트 로딩 속도 개선 ### (2) SEO 향상 ### (3) 트래픽 및 대역폭 절약 ### (4) 사용자 경험(UX) 향상 ### (5) 서버 저장 공간 절약