Web API 기능이 종료되면 콜백 함수가 콜백 큐에 순서 대로 담기는데 콜백 함수가 담기는 큐는매크로 태스크와 마이크로 태스크 두가지 종류가 있다 마이크로 태스크란? 현재 수행중인 작업이 끝난 뒤에 이어서 실행될 작업을 말한다 프로미스 핸들러에서 볼수 잇는 then(), catch(), finally() 와 같은 예시가 있다 먼저 들어온 작업을 먼저 실행한다=>어떤 작업을 순차적으로 실행하고 싶을 때 유용 콜스택에 실행할 것이 아무것도 남아 있지 않은 경우에 마이크로 태스크 큐에 있는 작업이 실행된다 매크로 태스크 (Macro Task) 보다 실행 우선순위가 높다 Promise Promise.reslove(value).then((value) => { … }); reslove(value) 함수 호출 시 ..

FileReader FileReader는 File, Blob 객체가 저장하고 있는 바이너리 데이터를 '비동기적'으로 읽어주는 객체이다 =>File 또는 Blob 객체를 읽어서 result 속성에 저장 (result 속성을 통해 데이터를 접근가능) base64로 인코딩된 값을 반환 기본 동작은 다음 과정을 거친다. 1. read 2. load event 3. result const reader = new FileReader(); reader.readAsArrayBuffer(blob) // ArrauBuffer 형태로 데이터를 읽어 변환 reader.readAsText(blob, [encoding]) // encoding 방식에 맞게 텍스트 형태로 데이터를 읽어 변환 (기본 인코딩 방식 - utf-8) re..

💡this란? 함수가 호출될 때 동적으로 결정되는 특별한 키워드로 '누가 나를 불렀느냐'를 뜻한다고한다 즉, 선언이 아닌 호출에 따라 달라진다 this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-reference variable)로 신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. 🧩단독으로 쓴 this 전역 실행컨텍스트의 this, 즉 아무 함수에도 속하지 않은 범위에서 this는 전역객체를 참조한다 console.log(this); // window 객체 출력 🧩함수 안에서 쓴 this 함수 안에서 this는 함수의 주인에게 바인딩된다 =>window객체 ✔ 일반적인 This function myFunction() { retu..

Object 생성자 함수 새로운 객체를 생성할 때 사용된다 빈 객체 생성 var obj = new Object(); 객체 리터럴과 유사한 형태로 객체 생성 var obj = new Object({ name: 'John', age: 25 }); 다른 객체를 복사하여 새로운 객체생성 var oldObj = { name: 'John', age: 25 }; var newObj = new Object(oldObj); ⇒객체 리터럴을 사용하여 객체를 생성하는 것이 더 간편하고 직관적 생성자함수 자바스크립트에서 객체를 생성하기 위해 사용되는 함수 생성자 함수는 일반 함수와 동일한 방식으로 정의되지만, 객체를 생성할 때 new 연산자를 사용하여 호출 새로운 빈 객체를 생성 이 빈 객체의 프로토타입을 생성자 함수의 프로..