본문 바로가기

graphql-api3

통신과 rest-API 그리고 graphql-API, TIL(복습 3일차) HTTP, 두 컴퓨터간 데이터 전송 FTP : 파일 SMTP : 간단한 메일 HTTP : 텍스트/하이퍼텍스트 프론트엔드에서는 HTTP를 통해 데이터를 백엔드에 요청한다. 그러면 백엔드에서 응답 데이터를 프론트엔드에 보내준다. 응답할 때는 상태코드를 같이 보내주는데 코드를 보면 상태를 볼 수 있다. API, 백엔드의 데이터 처리 담당자 API(Application Programming Interface) 운영체제와 응용프로그램 사이의 통신에 사용되는 언어나 메시지 형식을 말한다. Graphql vs Rest, 데이터 처리 담당자의 종류 두 가지 API는 rest-API와 graphql-API가 있는데 생김새가 다르다. rest-API는 주소처럼 생긴 이름이고 graphql-API는 일반 함수와 같은 이름이.. 2022. 3. 19.
리액트 async와 await (feat. rest-API, graphql-API) 동기와 비동기 리액트에서 async와 await를 알아보기 전에 동기와 비동기에 대해 알아봐야 한다. 동기는 API를 요청 응답하는데 있어서 하나의 응답이 끝난 이후에 요청이 들어가는 방식이다. 비동기는 동기와 달리 여러 일을 할 때 사용한다. 예를 들어 네이버의 경우 뉴스의 게시글 목록을 가져오는 동시에 상품 목록을 가져오는 경우에 해당한다. 스마트폰에서 게임을 다운로드하면서 카톡 하는 나의 모습이 비동기의 모습과 같다. async와 await rest-API나 graphql-API 를 사용해서 요청에 대한 응답으로 받은 객체(JSON)를 변수에 담아서 사용하는데 응답 결과를 변수에 담아서 사용하려면 통신이 완료될 때까지 기다려야 한다. 그때 사용하는 것이 async와 await이다. // mutati.. 2022. 1. 13.
API(rest-API와 graphql-API) API란 HTTP 요청을 Back-end 컴퓨터에 보냈을 때 실행되는 Back-end 기능이다. 즉 Back-end 개발자가 만든 함수로 API에 요청할 때 보내는 데이터는 API 함수로 들어갈 인자이고, 응답으로 받게 되는 데이터가 API 함수의 return 데이터이다. API를 알아보기 전에 HTTP에 대해서 간단히 정리해보자. HTTP(hypertext transfer protocol) HTTP는 hypertext transfer profocol의 약자로 '인터넷에서, 웹 서버와 사용자의 인터넷 브라우저 사이에 문서를 전송하기 위해 사용되는 통신 규약'을 의미한다. 간단하게 두 컴퓨터간에 텍스트 데이터를 주고 받는 길이다. HTTP라는 길로 요청(request)과 응답(response) 2가지를 서.. 2022. 1. 12.