DOM : Document Object Model DOM은 객체 지향 모델로서 구조화된 문서를 표현하는 형식을 말한다.쉽게 말해서, HTML 등의 문서 내용을 트리 구조의 객체들로 표현하는 형식을 말한다.DOM 표준을 따르는 웹 브라우저는 HTML 등의 구조회된
동기 방식은 서버에서 요청을 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다. 즉 A 작업이 모두 진행 될 때까지 B 작업은 대기해야 한다.비동기 방식은 반대로 요청을 보냈을 때 응답 상태와 상관없이 다음 동작을 수행할 수 있다. 즉 A 작업이 시작하면 동시에
JavaScript에서 Promise는 비동기 처리를 간편하게 처리할 수 있도록 도와주는 객체입니다.Promise는 주로 웹 서비스 구현 시 원활한 데이터 통신을 위해 활용됩니다. 서버에 데이터를 요청했을 때, 데이터를 모두 받아보기 전에 웹에 출력하려고 할 때 발생하
웹개발을 할 때, AJAX라는 비동기적인 통신 방법을 통해 클라이언트 쪽에서 서버에 추가 정보를 요청하여 가져올 수 있게 합니다.fetch API는 이러한 AJAX 통신 기술의 일종으로 별도의 라이브러리를 추가하지 않더라도 최신 브라우저에 내장되어 있기 때문에, 함수를
자바스크립트에서 얕은 복사, 깊은 복사란 '객체를 복사하는 방법'을 말한다.얕은 복사와 깊은 복사에 대해 이해하기 위해서는 먼저 자바스크립트의 데이터 타입에 대한 이해가 필요하다. 복사는 어떤 데이터 타입인지에 따라 다르게 진행되기 때문이다.자바스크립트에서 사용되는 데
preventDefault(), stopPropagaion()은 Event 인터페이스에서 제공하는 메서드 입니다. DOM 내에 위치한 요소들은 Event 인터페이스를 통해 이벤트 관련 다양한 속성과 메서드를 제공받아 이벤트를 수신 받고 받은 이벤트를 처리하는 코드를 실
sort() 메서드는 배열을 정렬한 후 그 배열을 반환하는 함수입니다.Array 객체의 sort() 메서드 구문입니다. compareFunction은 옵션입니다.sort() 메서드는 기본적으로 배열 안의 요소들을 오름차순(Ascending Order, ASC)으로 정렬
Array.prototype.reduce() reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 파라미터 callback function accumulator : accumulator는
화살표 함수는 인스턴스를 생성할 수 없으므로 prototype 프로퍼티가 없고 프로토타입도 생성하지 않는다.일반 함수는 중복된 매개변수 이름을 선언해도 에러가 발생하지 않는다.단, strict mode에서 중복된 매개변수 이름을 선언하면 에러가 발생한다.화살표 함수에서
비구조화 할당 (구조분해) 문법이란? 비구조화 할당 문법을 사용하면 다음과 같이 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언이 가능합니다.
async는 function 앞에 위치합니다.function앞에 async를 붙이면 해당 함수는 항상 프로미스를 반환합니다.프로미스가 아닌 값을 반환하더라도 이행 상태의 프로미스(resolved promise)로 값을 감싸 이행된 프로미스가 반환되도록 합니다.아래 예시