#1 프로미스 Promise API는 비동기 API 중 하나이다. 태스크 큐가 아닌 잡 큐를 사용하며, 태스크 큐보다 우선순위가 높다. Promise는 비동기 작업을 표현하는 자바스크립트의 객체로, 비동기 작업의 진행/성공/실패 상태를 표현한다. > 비동기 처리의 순서를 표현할 수 있다. setTimeout( () => { console.log("타임아웃1"); }, 0); Promise.resolve().then( () => console.log("프로미스1") ); setTimeout( () => { console.log("타임아웃2"); }, 0); Promise.resolve().then( () => console.log("프로미스2") ); // 출력 순서: // 프로미스1 프로미스2 // 타임..
Frontend/JavaScript
#1 var let const 변수 타입의 차이점 초기화 사용 범위 (scope) 업데이트 (재할당) 재선언 var undefined 전역 O O let 초기화 x 블록 범위 내 O X const 초기화 x 블록 범위 내 X X #2 Hoisting Hoisting이란? 변수가 선언된 시점보다 앞에서 사용되는 현상이다. var 변수는 생성 단계에서 undefined로 초기화되지만 let/const 변수는 생성 단계에서 초기화되지 않기 때문에 선언문 이전에 접근하는 경우 referenceError가 발생한다. 따라서 let/const는 hoisting이 발생하지 않고, var 변수만 사용된다. 함수는 생성 단계에서 함수 전체가 저장되기 때문에 함수의 선언이 호출 부분 뒤에 있어도 호출이 가능하다. cons..
#1 메서드가 호출되는 상황 직접 호출: 메서드를 직접 호출 메서드 호출: 객체의 메서드를 호출 생성자 호출: 생성자 함수를 호출 간접 호출: call, apply 등으로 간접적 호출 function fun1() { console.log('fun1 called') } fun1()// 1. 직접 호출 const o = { name : 'Minji', printName : function() {// 익명 메서드 console.log(this.name) } } } o.printName()// 2. 객체의 메서드 호출 function Person(name) { this.name = name this.printName = function() { console.log(this.name) } } } const p =..
DOM 요소의 선택 document.getElementsBy~() 사용하여 변수에 저장 // HTML 요소 var selectedItem = document.getElementsByTagName("li"); // 아이디가 "id"인 요소 var selectedItem = document.getElementsById("id"); // 클래스가 "odd"인 모든 요소 var selectedItem = document.getElementsByClassName("odd"); // name 속성값이 "first"인 모든 요소 var selectedItem = document.getElementsByName("first"); DOM 요소의 스타일 변경 변수.style.~ 접근해서 변경 // 텍스트 색상 변경 sel..
