힙(heap) 은 최댓값 및 최솟값을 찾아내는 연산을 빠르게 하기 위해 고안된 완전이진트리(complete binary tree) 를 기본으로 한 자료구조이다.부모 노드가 자식 노드보다 크거나 같은 완전 이진 트리를 최대 힙, Max Heap,부모 노드가 자식 노드보다

트리는 컴퓨터 과학에서 중요한 자료구조 중 하나로, 노드들이 edge로 연결된 계층적 구조를 가진다. 트리의 최상위 노드를 루트 노드라고 하며, 나머지 노드들은 부모-자식 관계를 가지며 서로 연결된다.계층적인 구조: 트리는 자료들 사이의 계층관계를 나타내는 데 적합하다

연결 리스트는 데이터 요소들을 노드(Node)로 구성하고, 각 노드가 데이터와 다음 노드를 가리키는 링크(포인터)를 가지는 자료구조이다. 각 노드는 메모리에서 불연속적으로 할당되며, 링크를 통해 서로 연결되어 있는 특징을 가지고 있다.연결 리스트는 데이터 요소들을 순차

큐는 FIFO(First In First Out) 원칙을 따르는 자료구조이다. 즉, 가장 먼저 들어온 데이터가 가장 먼저 나가는 구조를 가진다. 일상생활에서 줄을 서는 것을 생각하면 이해하기 쉽다.데이터의 삽입과 삭제가 각각 다른 방향에서 이루어진다. 데이터는 뒤쪽(r

스택은 LIFO(Last In First Out) 원칙을 따르는 자료구조이다. 즉, 가장 마지막에 들어온 데이터가 가장 먼저 나가는 구조를 가집니다. 생활에서 책을 쌓아두는 모습이나, 식당에서 접시를 쌓아두는 것을 생각하면 이해하기 쉽다.데이터의 삽입과 삭제가 한 방향

API는 컴퓨터나 컴퓨터 프로그램 사이의 연결이다. 즉, 프로그램들이 서로 소통하는 방법이다.구글 맵 API, 카카오 비전 API 등 기존에 있는 응용 프로그램을 통해서 데이터를 제공받거나 기능을 사용하고자 할 때 사용하는 인터페이스 및 규격 을 말한다."REpres

배열은 같은 타입의 데이터를 연속적으로 저장할 수 있는 선형 자료구조이다.저장된 데이터는 인덱스(index)와 원소값(elemtent)의 쌍으로 구성되고, 인덱스(index)를 통해 각 데이터에 접근 할 수 있다. 인덱스는 배열의 시작부터 몇 번째 위치에 데이터가 있는

자료 사이의 논리적 관계를 컴퓨터나 프로그램에 적용하기 위해서는 *자료의 추상화가 필요하며 추상화를 통해 자료의 논리적 관계를 구조화한 것을 자료구조(data structure)라고 한다.

이벤트가 하위 요소에서 상위 요소로 전파이벤트가 상위 요소에서 하위 요소로 전파addEventListener의 capture 옵션을 true로 설정하면 캡처링 단계에서 이벤트를 잡아낼 수 있다.캡처링 단계는 거의 쓰이지 않고, 주로 버블링 단계의 이벤트만 다뤄진다.

자바스크립트에서 클로저(Closure)는 함수와 그 함수가 선언된 렉시컬 환경(Lexical Environment) 간의 조합을 나타낸다. 간단히 말하면, 클로저는 함수가 자신이 생성된 렉시컬 스코프를 기억하고 그 스코프에 접근할 수 있게 하는 메커니즘이다.아래의 예시

자바스크립트에서 호이스팅은 코드 실행 전 변수 및 함수 선언문이 스코프 내의 최상단으로 끌어올려지는 동작을 의미한다.

HTML를 파싱 후, DOM트리를 구축합니다.CSS를 파싱 후, CSSOM트리를 구축합니다.Javascript를 실행합니다.DOM과 CSSOM을 조합하여 렌더트리를 구축합니다.뷰포트 기반으로 렌더트리의 각 노드가 가지는 정확한 위치와 크기를 계산합니다. (Layout

async/await는 자바스크립트 비동기 처리 패턴 중 가장 최근에 나온 문법이다.(ES8) 콜백 함수와 프로미스의 단점을 보완하고 가독성이 좋은 코드를 작성할 수 있다.

fetch 함수는 HTTP 요청 전송 기능을 제공하는 Web API의 한 종류이다.반환하는 데이터는 HTTP response 객체를 래핑한 Promise 객체를 반환하기에 Promise의 후속처리함수(then,catch)를 사용할 수 있다.예제 code1번 코드 실행

Promise는 ES6에서 도입된 기능이다.Promise를 사용하면 \[JavaScript] ajax, setTimeout & 콜백 함수 편에서 알아본 콜백 지옥으로 빠지지 않고 조금 더 코드를 가독성 있게 작성할 수 있다.

이전 포스팅에서 알아본 비동기 처리를 사례를 통해서 알아보자.

자바스크립트의 동기, 비동기 그리고 이벤트 루프가 하는 일에 대해서 알아보자.

HTTPS란? HTTP는 사용자가 중요한 데이터(계정정보, 금융정보 등)를 서버에 제출할 때 누구나 읽을 수 있는 일반 텍스트형식으로 전송을 하게 된다. 그렇게되면 제3자에게 정보가 유출 될 수 있다는 문제가 발생할 수 있게 된다.

HTTP는 서버와 클라이언트가 인터넷상에서 데이터를 주고 받기 위한 프로토콜이다.일반적으로 전송 계층 프로토콜로 TCP, 네트워크 계층 프로토콜로 IP를 사용한다.HTTP는 기본적으로 80번 포트를 사용한다.\