# Web API

76개의 포스트

Web APIs

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

2023년 11월 1일
·
0개의 댓글
·
post-thumbnail

[자바스크립트] 비동기 처리 그렇게나 중요합니까 !

<span style='background-color: <span style='background-color: <span style='background-color: <span style='background-color: <span style

2023년 8월 5일
·
0개의 댓글
·
post-thumbnail

[자바스크립트] 곧, Ajax에 대해 얘기할 건데 그전에 동기랑 비동기 좀 보고가요 ! (feat. 이벤트 루프)

사전적인 의미로만 보면 마치 동기는 '동시에' 화면 처리가 이루어질 것 같고, 비동기는 동시에 화면처리가 이루어지지 않을 것 같지 않은가? 나만 헷갈렸던거야?😳<span style='background-color: <span style='background

2023년 8월 4일
·
0개의 댓글
·
post-thumbnail

Web API | 로컬 스토리지, 세션 스토리지란?

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

2023년 7월 21일
·
0개의 댓글
·
post-thumbnail

[javascript] 브라우저 & 웹 API

HTML Semantic Element NodeList innerHTML Data Attributes Black Box Event Listener

2023년 7월 4일
·
0개의 댓글
·
post-thumbnail

[F-Lab 모각코 챌린지 29일차] 웹 소켓 Web Socket

웹소켓 | 등장배경 | 웹소켓 프로토콜 & API | TCP 소켓과의 차이 | 특징과 예제

2023년 6월 29일
·
0개의 댓글
·
post-thumbnail

[JavaScript] 자바스크립트 동작 원리

자바스크립트 이벤트 루프 관련 영상을 보다가 이해가 안돼서 꺼버렸던 기억이 스멀스멀 올라와 각잡고 정리해본다...(진작 했어야지)

2023년 6월 8일
·
0개의 댓글
·

슬랙 Web API 를 이용해보자 (1)

회사나 해커톤 등에서 팀원간 소통시 슬랙을 이용하면서 슬랙 앱을 통해 원하는 채널에 자유자재로 메시지를 전송할 수 있다는 것을 알게 되었습니다. 보통은 슬랙 Web API 를 통해 메시지 전송에 사용하는 것 같은데, 찾아보니까 멤버 정보의 목록을 불러오고 멤버의 상태

2023년 5월 28일
·
0개의 댓글
·
post-thumbnail

View Transitions API 알아보기 및 실습

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

2023년 5월 15일
·
0개의 댓글
·
post-thumbnail

자바스크립트는 동기적 언어이다. 근데 브라우저에서는 비동기로..?

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

2023년 4월 15일
·
0개의 댓글
·
post-thumbnail

[N423] API

Application Programing Interface

2023년 3월 28일
·
0개의 댓글
·
post-thumbnail

페이지 이탈을 측정하는 새로운 방법, Pending Beacon API

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

2023년 3월 11일
·
0개의 댓글
·
post-thumbnail

JavaScript - 싱글스레드와 비동기처리

업무에 들어감에 있어서 자바스크립트의 핵심적이고 기본적인 개념에 대해 이해가 부족한 것 같아서 대표적인 특징인 비동기처리에 대해 먼저 알아보려고 한다.자바스크립트의 대표적인 특징으로는 비동기처리, 병렬처리, 동시성 등.. 들어보긴 했지만, 당연히 되는 거라고 생각을 해

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

[Frontend] Javascript의 Event Loop

Javascript의 Event loop를 통한 멀티 쓰레딩

2023년 3월 7일
·
0개의 댓글
·

DOM

DOM (Document object Model) >문서 객체 모델(The Document Object Model, DOM) 은 문서(HTML, XML 등)의 프로그래밍 interface로 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 문서 구조, 스

2023년 2월 16일
·
0개의 댓글
·
post-thumbnail

16. 비동기

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

2023년 1월 22일
·
0개의 댓글
·

append() vs appendChild()

노드 객체 추가 가능문자열 추가 가능return 값이 없음여려개 자식 요소 추가 가능문자열 추가 불가 (Uncaught TypeError 발생)return 값 존재 (Node Object)단일 자식 요쇼 추가 가능

2022년 11월 10일
·
0개의 댓글
·

DOM - 문서객체모델

DOM(Document Object Model)이란 웹 문서용 프로그래밍 인터페이스 입니다DOM은 웹에서의 문서구조, 내용 등을 노드와 객체로 나타내며, 이것운 프로그래밍언어(js, python 등등)등을 통해 웹페이지(HTML문서)와 상호작용 할 수 있습니다DOM은

2022년 11월 10일
·
0개의 댓글
·
post-thumbnail

DRF의 제네릭 뷰(Generic views)를 이용해 API 구축하기

DRF의 제네릭 뷰를 쓸 땐 딱 4가지만 신경 쓰면 된다.

2022년 10월 27일
·
0개의 댓글
·