# Fetch

85개의 포스트
post-thumbnail

[React] Fetch에서 Axios로 변환하는 방법

Axios와 Fetch, 언제 쓰는지 Axios 사용하기 좀 더 편리하다. -> 개인적인 생각으로는 사용법이 살짝 다르지만, 전체적으로 비슷한데, axios 가 좀 더 사용자가 인지하기 쉽게? 사용하기 쉽게? 만들려고 노력한 흔적이 보인다.(는 아래 코드를 통해서 확

약 21시간 전
·
0개의 댓글
post-thumbnail

Google Apps Script에서 Fetch 사용하기 | Get, Post | JMON

구글 앱스 스크립트에서 API 를 호출 할 수 있는 Fetch 에 대한 설명입니다

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

TIL | fetch()

벡엔드로부터 데이터를 받아오려면 api를 React에서 벡엔드로부터 fetch 함수를 이용해서 api를 받아올 때는 대체로 GET 방식과 POST 방식을 통해서 데이터를 받아온다.일반적으로 GET 방식을 사용하고 회원정보와 같은 비밀정보는 POST방식을 통해서 전달하게

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

코드스테이츠 Pre Course 30일차

API(Application Programming Interface) API(Application Programming Interface, 응용 프로그램 프로그래 밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래 밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. API는 프로그램과 또 다른 프로그램을...

2021년 1월 5일
·
0개의 댓글
post-thumbnail

[React] Material-UI로 구현한 가격필터 슬라이더 성능 개선하기

에어비앤비 숙소 리스트 페이지의 가격 필터를 구현했는데, 슬라이더가 유난히 느리게 반응하는 것이 신경쓰였다. 슬라이더를 material-ui 라이브러리를 활용해서 내 앱이 무거워진건 줄 알았는데 정말 비효율적인 코드를 짰다는 것을 나중에야 알게 됐다.

2021년 1월 4일
·
1개의 댓글

[React] 로컬 쿠키가 브라우저에 저장되지 않을 때

로컬에서 백엔드 쿠키 추가하고, 포스트맨으로 확인하면 쿠키가 잘 내려오는 것을 확인할 수 있다. 프론트에서 실제 api를 호출하면 분명 브라우저에는 쿠키 정보가 잘 보인다. 하지만 저장은 되지 않는 상황!백엔드와 프론트의 origin이 달라서 생기는 쿠키 저장 문제인

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

fetch, setTimeout은 표준 API일까?

얼마전 VanillaJS로 IE10까지 지원하는 작은 프로젝트를 진행했다.처음에는 웹팩과 바벨이 IE 지원에 대한 모든것을 해결해 줄것이라고 생각했다.그래서 마음 편하게 코드를 짜고 있었는데...작업 중간에 IE 테스트를 해보니 fetch가 동작하지 않았다.분명 bab

2021년 1월 2일
·
6개의 댓글

D+14: 자료모음

자료 모음 Fetch API [번역]더 이상 배우려 하지 않는 개발자 : Expert Beginner의 등장

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

TIL 17

위의 형태로 기억한다. 각각의 단계가 무엇을 뜻하는지 명확히 알아야한다. 그리고 화살표 함수로 몸통을 확 줄인 위의 코드도 ES5의 함수 선언식으로 바꿨을 때 어떤 모양인지 알아야 더 복잡한 fetch를 구현할 수 있다.위 코드에서 보이는 화살표 함수를 ES5의 함수

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

React 회원가입 구현하기

이번 1차 프로젝트에서 회원가입과 로그인 구현을 담당하여 구현해봤다.그 속에서 느낀점을 기록.우선 회원가입에서 요구하는 정보는 Email, Password, Nickname 이고회원가입시 요구하는 정보를 보여주어 동의를 받아야한다.모달창에서 회원가입할 내용을 입력하고

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

React-Fetch

이번에 1차 프로젝트를 하면서 너무 중요하고 많이 쓰였지만 이해도가 조금 부족했던 것중 저는 fetch라는 메서드를 뽑았습니다.그래서 velog 에서 개념정리 및 복습용으로 작성해 보려 합니다.1차 프로젝트를 하면서 fetch라는 메서드는 처음에 뭔지 잘 몰랐다.그런데

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

[react]API 통신

fetch함수는 자바스크립트 내장함수 Web API 중 하나로 api를 호출하고 데이터를 받아올 수 있게 해준다.fetch는 첫번째 인자로 api 주소를 받고 두번째 인자로 메서드를 받는다. .then도 함수로 fetch의 반환값을 인자로 받는다(첫번째 then). 첫

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

Git의 기본 개념들 (2) (branch, merge, pull request, fork, fetch, pull)

브랜치 = 포인터 → 브랜치는 포인터이기 때문에 새로운 브랜치를 만들 때 SVN과 같이 프로젝트를 복사할 필요 없이 커밋을 가리키기만 하면 된다!branch 연습하기 좋은 사이트브랜치 혹은 커밋을 가리키는 포인터HEAD를 이용하면 브랜치 사이를 넘나들 수 있다.최신 커

2020년 12월 21일
·
9개의 댓글

[React] fetch--백엔드와의 통신

로그인 페이지와 회원가입페이지를 fetch를 사용하여 백엔드와 통신하는 것을 배웠습니다.바로 코드를 보도록하자.위의 코드에서는 state값에 기본적으로 로그인시 필요로 하는 id, pw,그리고 백엔드로부터 정보를 받아 로그인시 localStorage에 토큰값을 저장하기

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

[Node.js] 서버와의 연결/통신 (2) HTTP / Ajax / Fetch 💯️

goalBrowserServerAPIHTTPAjaxFetch웹이라는 공간에서 데이터가 어떤 형태로 전달되는지 이해한다서버와 어떻게 통신하는지 이해한다Web Architectures클라이언트, 서버, API의 정의Browser의 역할Browser와 서버와의 연결이 어떤

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

[Node.js] 서버와의 연결/통신 (1) Browser / Server / API 💯️

goalBrowserServerAPIHTTPAjaxFetch웹이라는 공간에서 데이터가 어떤 형태로 전달되는지서버와 어떻게 통신하는지Web Architectures클라이언트, 서버, API의 정의Browser의 역할Browser와 서버와의 연결이 어떤 규약(protoco

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

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

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

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

Fetch - 로그인 ,회원가입!

✅ fetch✅ json✅ stringify ✅ localStorage.setItem ✅Authorization회원가입 버튼을 누르면 페치함수에서 서버에게 요청하게된다. 요청할때, 서버에서 등록된 key값들을 작성하여 보낸다. 주요 정보들이니 POST로 보냈다. JSO

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

React Login page 만들기

ID input과 PW input의 중복되는 함수를 계산된 속성명으로 하나로 만들어 주었다. 계산된 속성명꺽쇠괄호( \[] ) 로 속성 이름을 감싸면 속성 이름을 동적으로 만들 수 있다. 그 안에는 자바스크립트 내장 함수, 메서드, 계산식, 변수를 넣을 수 있다.원래

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

[React] Monster 미니 프로젝트

componentDidMount() 메소드를 통해 라이프 사이클에 대한 이해를 높인다. fetch() 함수를 사용해 API 호출을 할 수 있다. Array.map() 함수를 통해 component를 재활용할 수 있다. props 를 사용해 단방향(부모 컴포넌트 > 자식

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