# Web API
슬랙 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은
Frontend study 일지 #2 - 비동기 작업(event-loop) 편
앞서 목표였던 전역 상태 에러는 해결했지만 이후 같은 에러를 또 만들지 않기 위해서, javascript의 Promise, async-await같은 비동기 작업의 작동 순서와 이벤트 루프, 마찬가지로 비동기적으로 동작하는 react hooks에서 useState의 se
JS - Runtime
'크롬'브라우저 라는 JS runtime(프로그래밍 언어의 구동 환경)의 구성: V8, Web API, 콜백 큐, 이벤트 루프, 렌더 큐구글에서 C++로 만든 자바스크립트 엔진싱글 스레드 제공 = 콜스택(함수 호출 순서 저장) 1개 + 힙(할당된 메모리 저장) 1개콜스
프론트엔드에서의 비동기 처리
블로킹, 논블로킹, 동기, 비동기, 자바스크립트 런타임, 콜백, 프로미스, async/await 을 하나의 서사로 묶어서 이해하며 비동기 문법이 발전하게 되는 과정을 같이 알아봅시다.
Web Storage API
브라우저는 Site Storage에 출처별로 site storage unit을 두고 관리한다.브라우저는 Site Storage에 출처별로 site storage unit을 두고 관리한다.
하이브리드 앱을 만들고 싶다면 반드시 알아야 할 Window API.
웹뷰를 이용한 하이브리드 앱을 구축하려면 웹뷰와 네이티브 앱이 통신하는 방법이 필요하다. 이 때 가장 일반적으로 사용하는 방법이 브라우저에서 제공하는 Window 인터페이스를 사용하는 방식이다.
가시성을 다루는 여러 방법들
FE 개발을 하다 보면 특정 요소의 가시성(화면에 보이느냐, 보이지 않느냐)에 따라 여러가지 동작을 해야 하는 요구사항이 생기곤 합니다. 예를 들어, 스크롤을 내리다가 특정 요소가 보여지는 시점에 애니메이션이 동작해야 하거나 라는 식으로 말이죠.기존에는 각 요소에 sc