# Fetch API

25개의 포스트
post-thumbnail

[CS] fetch(네트워크 요청) Day-27

비동기 요청의 가장 핵심은 네트워크 요청이라고 볼 수 있습니다. 네트워크 요청 형태는 다양하지만 URL로 요청하는 경우가 많습니다. 이걸 가능하게 만들어주는 것이 fetch API 입니다. fetch API 특정 URL로부터 정보를 받아오는 역할을 합니다. 이 과정

2021년 11월 17일
·
0개의 댓글

[TIL : 19] 비동기, Node.js 모듈

어떤 경우에 중첩된 callback이 발생하는지 이해할 수 있다.클라이언트와 서버가 비동기적으로 여러가지 일을 수행하게 하기 위해서(예를 들면 유튜브 영상의 로딩을 기다리면서 댓글을 보거나 좋아요를 누르거나 추천 영상을 보거나 ... 이렇게 여러가지 일은 하는 것!),

2021년 11월 9일
·
0개의 댓글
post-thumbnail

[TIL] 8월 26일

templage string (템플릿 리터럴)과 fetch함수!

2021년 8월 29일
·
0개의 댓글
post-thumbnail

[JS🐣] 비동기 통신 이해하기(XHR과 Fetch API)

브라우저에서 폼을 채우고 이를 웹 서버로 제출(submit)하면 웹 서버는 요청된 내용에 따라서 데이터를 가공하여 새로운 웹페이지를 작성하고 응답으로 되돌려준다.전체 페이지를 reload하기 때문에 서버의 부하가 커지고, 시간도 오래 걸린다.동기 방식으로 페이지가 re

2021년 8월 26일
·
0개의 댓글
post-thumbnail

[모던JS: 심화] 네트워크 요청 (2)

본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

2021년 6월 30일
·
0개의 댓글
post-thumbnail

JS_비동기

JS의 비동기 처리 방법, fs 모듈 사용법, fetch API

2021년 5월 19일
·
0개의 댓글

MIME 타입

Multipurpose Internet Mail Extension의 약자다. 파일 변환의 타입이라고보면되는데 MIME은 이메일과 함께 동봉할 파일을 텍스트 문자(바이너리)로 전환해서 이메일 시스템을 통해 전달하기 위해 개발된 것이다. 그렇지만 현재는 웹을 통해서 여러

2021년 4월 29일
·
0개의 댓글
post-thumbnail

2021_04_27

TIL - fetch를 이용해 웹에서 정보 가져오기

2021년 4월 27일
·
0개의 댓글
post-thumbnail

TIL - 7회차

Axios Fetch API

2021년 3월 13일
·
0개의 댓글

[TIL] Fetch API를 이용한 Open API 사용하기

키워드가 입력될때 마다 서버에서 데이터를 받아와야 하는데, 로컬에 그런 엄청난 데이터를 내가 구축할 수 있는가? 에 대한 막막함으로 이 글을 시작한다.일단 현실적으로 나혼자 그 데이터를 구축하는 건 불가능하다고 판단했다.일단 수업에서 힌트를 얻어, 어느 도메인이나 요청

2021년 3월 8일
·
4개의 댓글
post-thumbnail

JavaScript Practice - Asynchronous Programming

fetch data from text filefetch data from json filefetch data from external resource다음과 같이 되로독 html을 만든다. test.txt file을 만들어준다. response를 console.log()

2021년 2월 27일
·
0개의 댓글

Fetch API

비동기 요청의 가장 대표적인 사례를 꼽으라고 한다면, 단연 네트워크 요청을 들수 있다. 다양한 네트워크 요청 중, URL로 요청하는 경우가 가장 흔하다. 이를 가능하게 해주는 API가 바로 Fetch API이다.

2020년 12월 24일
·
0개의 댓글
post-thumbnail

TIL_IM_20201224(목)

html페이지 전체가 아니라 필요한 부분을 갱신할 수 있도록 도와주는 비동기 자바스크립트페이지 새로고침 없이 서버에 요청할 수 있다. 서버로부터 데이터를 받고 작업을 수행// Post 요청

2020년 12월 24일
·
0개의 댓글

[JavaScript] Promise 알아보기

Promise 알아보기

2020년 12월 18일
·
0개의 댓글

[Node.js] fetch API / SPRINT-비동기💯️

goalfetch를 이용해 웹에서 정보 가져오기웹 개발을 할 때, ajax통신을 자주 사용하게 된다. ajax 를 사용할 때, XHR, JQuery, Fetch 를 쓸 수 있는데, 그 중 가장 베스트인 fetch에 대해서 알아본다.비동기 요청의 가장 대표적인 사례를 꼽

2020년 12월 17일
·
0개의 댓글
post-thumbnail

06. Type Ahead

Fetch API: 데이터를 송수신 하는 비동기 처리를 하는 최신 API, Promise 객체를 반환: 기본 코드

2020년 12월 11일
·
0개의 댓글
post-thumbnail

TIL24: XHR / jQuery ajax

XHR(XML HTTP Request)jQuery ajaxFetch APIXHR이나 jQuery ajax 보다 간단하고, 통신을 포함한 리소스 취득을 위한 편리한 인터페이스를 제공하는 것이 바로 fetch API입니다. 기본적인 기능면에서는 큰 차이가 없어 보이지만 f

2020년 11월 29일
·
0개의 댓글
post-thumbnail

TIL23: Asynchronous JavaScript and XHR

Dynamic Web Page과거의 웹 페이지상에서 이루지는 요청과 그에 따른 응답은 페이지를 전환(새로운 페이지 전체를 로딩)하여 처리하였습니다. 하지만 오늘날의 SPA(Single Page Application)에서는 서버의 응답에 따라 페이지의 일부만 업데이트(페

2020년 11월 29일
·
0개의 댓글
post-thumbnail

IM _ HTTP & Server

goal클라이언트APISERVERWeb Architectures클라이언트, , API 가 무엇인지 정의 내릴 수 있다.웹 개발과 관련한 아키텍처를 이해할 수 있다.Browser의 역할을 이해할 수 있다.Browser와 서버와의 연결이 어떤 규약(protocol)을 통해

2020년 11월 13일
·
0개의 댓글
post-thumbnail

[JavaScript Toy Project] Random Meal Generator | 오늘뭐먹지? 토이프로젝트

오늘뭐먹지 서비스는 점심메뉴를 정해야 하는 모든 회사의 막내들을 위해 만들어졌습니다.

2020년 11월 13일
·
0개의 댓글