[백엔드] fetch

Hyo Kyun Lee·2021년 8월 18일
0

백엔드

목록 보기
6/11
post-custom-banner

1-1. 레지스터 관점의 개념

명령을 한 레지스터에 옮겨 담는 과정, 혹은 옮기는 것

시스템 구조론, 레지스터 관점에서의 fetch는 명령(operand)을 레지스터에 옮기는 과정을 일컫는다.

1-2. javascript 관점의 개념

외부의 REST API(URL)을 내부적으로 불러온 후 data를 확보하여,
내부적으로 사용할 수 있도록 기능을 제공해주는 라이브러리(node-fetch) 및 함수의 일종.

node-fetch 라이브러리를 통해 제공하는 fetch는

  • RESTAPI를 내부 모듈을 통해 원격으로 불러오고
  • 내장된 json data를 얻는 등 내부적으로 data 정제(가공) 기능을 제공하는 함수이다.

아래 코드를 살펴보자.

import fetch from 'node-fetch'

const API_URL = "https://yts.mx/api/v2/list_movies.json"

//API control
export const checkmovie = () => 
//Can get whole data by async operation
    fetch(API_URL)
    .then(res => res.json())
    .then(json => json.data.movies)

위 코드는 GraphQL server를 통해 API 내용을 확인하는 코드이다.

fetch를 통해 특정 URL을 인자로 전달하면,
Promise처럼 data 전달성공 시 해당 URL에 대한 res를 반환하고, 실패 시 err를 반환한다.

이때 res는 json형식의 데이터이며, json 형식을 확인하면서 어떤 data를 확보하고
이를 frontend로 구현해야할 지 고민하는 용도로 활용할 수 있다.

2. 참조링크

https://www.daleseo.com/js-window-fetch/

post-custom-banner

0개의 댓글