# Fetch API

10개의 포스트
post-thumbnail

TIL24: XHR / jQuery ajax

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

3일 전
·
0개의 댓글
post-thumbnail

TIL23: Asynchronous JavaScript and XHR

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

3일 전
·
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개의 댓글
post-thumbnail

[Javascript] Fetch API, Async/Await 여러개 연결하기

Async/await 연습을 위해 내 아이피 주소로 국가코드(KR)를 받아와서, 그 국가코드를 이용하여 환율코드(KRW)를 받아 오고, 그 환율코드를 이용하여 환율(1,122.13원) 데이터를 받아 오는 코드를 짜 봤다. 각각 다른 API 주소에서 데이터를 가져온다.

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

[Javascript]How to use JSON data from ipinfo.io / ipinfo.io로 내 위치 JSON 데이터 간단히 불러오기

ipinfo.io는 접속한 아이피로 사용자의 위치를 파악할 수 있는 사이트다. https://ipinfo.io/json에 접속해보자.

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

[Javascript] How to use Fetch API? Fetch API 사용하는 방법, 이유

XMLHttpRequest()로 데이터를 받아 온 방식과 Fetch API를 활용하는 방식 비교분석

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

[TIL] 2020/09/22

Today, I Will Learn 비동기 처리 sprint 마무리 이번 스프린트 내용 정리 Today, I Learned 비동기 처리? : 웹 서핑을 하다보면, 예를 들어, 유튜브를 보다보면, 재생버튼을 누르고=> 로딩이 길어지는 경우 => 귀찮아서

2020년 9월 22일
·
0개의 댓글

[Web Architecture 7] Fetch API

Fetch API를 보기 전에 알아야 할 것:AJAX가 무엇인지, API가 무엇인지XMLHttpRequest는 HTTP를 통해서 쉽게 데이터를 받을 수 있게 해주는 객체를 제공한다. XMLHttpRequest 란? 블로그 1XMLHttpRequest 사용법 블로그 2X

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

2019.09.27 TIL Fetch API, Promise

Fetch API Promise를 사용하여 구현 fetch(서버주소).then(콜백).then(콜백)........ .then(콜백).catch(에러콜백) then의 순서로 순차적으로 진행됨 then과정 중 에러가 발생하면 catch로 바로 넘어가서 에러 출력 - get 서버와 통신하여 받기 원하는 데이터를 요청할때 사용 ...

2019년 9월 27일
·
0개의 댓글