# Web API
Web APIs
APIs는 Application Programming Interfaces의 약자이다.우리는 자판기가 어떤 원리로 작동하는지 몰라도 동전 투입구에 금액을 넣고 음료수를 고르는 버튼을 누르면 원하는 음료수를 살 수 있다.이처럼 윈도우스에서 동작하는 애플리케이션을 만들고싶다

[자바스크립트] 비동기 처리 그렇게나 중요합니까 !
<span style='background-color: <span style='background-color: <span style='background-color: <span style='background-color: <span style

[자바스크립트] 곧, Ajax에 대해 얘기할 건데 그전에 동기랑 비동기 좀 보고가요 ! (feat. 이벤트 루프)
사전적인 의미로만 보면 마치 동기는 '동시에' 화면 처리가 이루어질 것 같고, 비동기는 동시에 화면처리가 이루어지지 않을 것 같지 않은가? 나만 헷갈렸던거야?😳<span style='background-color: <span style='background

Web API | 로컬 스토리지, 세션 스토리지란?
프로젝트를 진행하다보면 로컬 스토리지와 세션 스토리지란 말을 자주 들어봤을 것이다.HTML5에서 추가된 저장소이며 간단한 키와 값을 저장할 수 있습니다.로컬 스토리지와 세션스토리지를 웹 스토리지라고 부릅니다.HTTP 요청과 응답으로는 클라이언트 상태를 보존하지 않는다.

[javascript] 브라우저 & 웹 API
HTML Semantic Element NodeList innerHTML Data Attributes Black Box Event Listener

[F-Lab 모각코 챌린지 29일차] 웹 소켓 Web Socket
웹소켓 | 등장배경 | 웹소켓 프로토콜 & API | TCP 소켓과의 차이 | 특징과 예제

[JavaScript] 자바스크립트 동작 원리
자바스크립트 이벤트 루프 관련 영상을 보다가 이해가 안돼서 꺼버렸던 기억이 스멀스멀 올라와 각잡고 정리해본다...(진작 했어야지)
슬랙 Web API 를 이용해보자 (1)
회사나 해커톤 등에서 팀원간 소통시 슬랙을 이용하면서 슬랙 앱을 통해 원하는 채널에 자유자재로 메시지를 전송할 수 있다는 것을 알게 되었습니다. 보통은 슬랙 Web API 를 통해 메시지 전송에 사용하는 것 같은데, 찾아보니까 멤버 정보의 목록을 불러오고 멤버의 상태

View Transitions API 알아보기 및 실습
View Transitions API 에 대해 들어보셨나요? 나온지 얼마 안된 녀석이기 때문에 모를 수 있을 거 같습니다. 참고로 저는 카카오엔터테이먼트 FE 기술 블로그를 보다가 알게되었습니다. 흥미로운 내용이길래 해당 글을 참고하여 실습을 진행해봤습니다.

자바스크립트는 동기적 언어이다. 근데 브라우저에서는 비동기로..?
자바스크립트는 동기적 언어이다. 하지만 브라우저 렌더링 과정을 보았을때 보면 비동기식으로 동작하는 것을 볼 수 있는데 왜 그런 것일까?

페이지 이탈을 측정하는 새로운 방법, Pending Beacon API
사용자의 세션 종료를 정확하게 감지하고 측정하기 어려운 이유, 그리고 최근 제안된 Web API인 Pending Beacon API에 대해 이야기합니다.

JavaScript - 싱글스레드와 비동기처리
업무에 들어감에 있어서 자바스크립트의 핵심적이고 기본적인 개념에 대해 이해가 부족한 것 같아서 대표적인 특징인 비동기처리에 대해 먼저 알아보려고 한다.자바스크립트의 대표적인 특징으로는 비동기처리, 병렬처리, 동시성 등.. 들어보긴 했지만, 당연히 되는 거라고 생각을 해
DOM
DOM (Document object Model) >문서 객체 모델(The Document Object Model, DOM) 은 문서(HTML, XML 등)의 프로그래밍 interface로 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 문서 구조, 스

16. 비동기
자바스크립트는 기본적으로 동기적으로 진행메모리 힙(Memory Heap) 객체는 힙, 대부분 구조화되지 않은 메모리 영역에 할당된다. 변수와 객체에 대한 모든 메모리 할당은 여기서 발생한다.호출 스택(Call Stack) 코드가 실행될 때 호출 스택이 쌓인다.Web A

async-1(event loop & blocking & non-blocking & concurrency & process async task)
promise에 대해 알아보기 전에 관련된 기반 지식을 얻어보자
append() vs appendChild()
노드 객체 추가 가능문자열 추가 가능return 값이 없음여려개 자식 요소 추가 가능문자열 추가 불가 (Uncaught TypeError 발생)return 값 존재 (Node Object)단일 자식 요쇼 추가 가능
DOM - 문서객체모델
DOM(Document Object Model)이란 웹 문서용 프로그래밍 인터페이스 입니다DOM은 웹에서의 문서구조, 내용 등을 노드와 객체로 나타내며, 이것운 프로그래밍언어(js, python 등등)등을 통해 웹페이지(HTML문서)와 상호작용 할 수 있습니다DOM은