JavaScript💛

throttle과 debounce 스로틀(Throttle)과 디바운스(Debounce)란 무엇일까?라는 궁금증이 생겨날 것이다. 나 또한 이게 뭐지했다. 우선 이 두 가지 방법은 모두 DOM이벤트 기반으로 실행하는 자바스크립트를 성능상의 이유로 제어하는 방법이다. 예

?. 연산자함수 호출에서 사용될 때, 만약 주어진 함수가 존재하지 않는다면, undefined를 리턴함 => 에러 발생하는 것 대신에!!!&& 연산자를 대신하여 사용할 수 있어서 코드가 더 간편해짐!!!!!

DOM이란 무엇인가? > DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model입니다. 즉, 자바스크립트를 사용할 수 있으면, DOM으로 HTML을

호이스팅: 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동 var는 중복 선언이 가능하다 즉, 한번 선언된 변수는 다시 선언할 수 있다. 또한 선언되기 전에 사용할 수 있다. 선언은 호이스팅 되어지지만 할당은 호이스팅 되어지지 않는다. 즉, name이라는

우리는 웹사이트를 만들 때 회원의 정보, 상품의 정보등 객체를 사용하여 값이 변경되는 경우를 만들어야 할 때가 있다! 이러한 경우 생성자 함수나 class를 이용하면 좋다! es6에 class가 추가되었으므로 이를 사용하면 좋다고 한당!생성자 함수는 보통 첫 글자는 대

a라는 변수가 있고, user라는 객체가 있다. 여기서 객체의 age라는 키 대신에 \[a]로 사용해도 동일하다.이렇게 \[] 대괄호로 묶어주면 a라는 문자열이 아니라 변수 a에 할당된 값이 들어가게 된다. 이를 Computed property(계산된 프로퍼티)라고 부

객체의 Property 키는 문자형으로 이루어져있다!숫자형이나 boolean형으로 만들어도 Object.keys(obj)를 통해서 \["1", "false"]문자형으로 반환되는 것을 알 수 있다. 실제로 접근할 때에도 문자 '1'이나 'false'로 접근할 수 있다.이

우리가 실생활에서 사용하고 있는 숫자는 10진수이다. 개발을 하다보면 2진수나 색상표현을 위해 16진수가 필요할 때가 있다. 이 때 10진수를 2진수나 16진수로 바꾸는 방법에 대해 알아보자num에 10이라는 값이 들어가있고, 변수명.toString()을 실행해보면 이

문자열에는 작은따옴표('') , 큰따옴표("") 백틱기호(\`\`) 3가지가 있다.예를 들어 html 코드 경우에는 작은 따옴표로 감싸는 게 편리하다. 반면에 영어로 된 문장은 큰 따옴표로 감싸는 게 편리하다.백틱은 달러$와 중괄호{}를 이용해 변수를 표현하거나 표현식

배열의 대표적인 메소드들에는 push(), pop(), unshift() shift()가 있다. 이 외의 메소드들에는 어떤 것들이 있는지 알아보자!arr.splice(n,m)는 n번째 요소부터 m개를 지우라는 의미로 사용되어진다. 인덱스 1부터 2개를 지우게 된다면 \

구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있도록 하는 표현식만약 해당하는 값이 없다면 어떻게 될까?undefined가 들어간다.a에는 1이 들어가고, b에는 2가 들어가지만, c에는 undefined가 들어간다!이 때 기본값을 주

나머지 매개변수와 전개 구문은 ... 로 사용되어진다.그렇다면 이 둘의 차이점은 무엇일까?나머지 매개변수는 함수의 인수 전달 시에 마지막으로 사용되며, 전달된 인수들의 목록을 배열로 압축할때 사용되어진다. 전개 구문은 뭉쳐있는 여러 개의 값들을 개별적인 값들의 목록으로

자바스크립트는 어휘적 환경(Lexical Environment)을 갖는다.어휘적 환경이란...?=> 간단하게 생각하면, 정적인(변하지 않는) 환경이다!이러한 코드가 있을 때 어떻게 동작하는 지 알아보자!코드가 실행되면 스크립트에서 선언한 변수들이 Lexical 환경에

일정 시간이 지난 후 함수를 실행이 코드는 3초 후에 로그를 찍어준다. setTimeOut함수는 두 개의 매개변수를 받는다. 1번째에는 일정시간이 지난 후에 실행해주는 함수이고, 두번째는 시간이다. 3000은 3s를 의미한다. 또한 이렇게 사용할 수 있다.만약 인수가

자바스크립트에서는 일반적인 방법 외에도 함수를 어디서 어떻게 호출했느냐에 관계 없이 this가 무엇인지 지정할 수 있다. 그럼 여기서 this는 정확히 뭔데? 라고 의문이 들 것이다.this는 자바스크립트에서 다른 언어와 비교했을 때 조금 다르게 동작한다. 대부분의 경