# Fetch

316개의 포스트
post-thumbnail

Web101_FE&BE 연동_2

fetch,promise, arrow function error

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

Web101_FE&BE 연동

fetch, CORS 설정

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

[로그인] 2. 로그인 기능 & 인증

fetch,reduce를 이용해서 로그인 인증처리를 하는 모델 만들기

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

JS 확실히 알아가기 - 동기비동기

동기비동기관련해서 항상 헷갈렸다.이번에 공부하며 제대로 면접에 답할 수 있도록 준비해본다.그러나! 자바스크립트는 멀티 쓰레드가 불가능한 싱글쓰레드방식만 가능함!!실행순서 : console.log("코드끝") ->taskB -> taskC -> taskA변수나 상수 등

2022년 6월 25일
·
0개의 댓글
post-thumbnail

(번역) AbortController는 당신의 친구입니다

제가 가장 좋아하는 자바스크립트의 새로운 기능 중 하나는 바로 `AbortController`와 `AbortSignal` 입니다. 이들은 몇 가지 새로운 개발 패턴을 가능하게 만들었습니다.

2022년 6월 24일
·
0개의 댓글
post-thumbnail

[JS] API & fetch

API와 fetch를 알면 자바스크립트를 이용해 정말 많은 어플리케이션을 만들어낼 수 있다. 아주 설레는 부분이 아니지 않을 수 없다. API란 무엇일까? 위키에서는 다음과 같이 설명하고 있다. API란 응용 프로그램 프로그래밍 인터페이스(Application Pro

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[Axios] Fetch와 비교해봅시다

내장 라이브러리인 Fetch와 서드파티 라이브러리인 Axios 장단점 비교

2022년 6월 20일
·
0개의 댓글
post-thumbnail

Ajax 그리고 axios vs fetch(2)

지난 Ajax소개에 이어 axios와 fetch에 대해 알아보자. Axios는 node.js와 브라우저를 위한 HTTP통신 라이브러리입니다.

2022년 6월 20일
·
0개의 댓글
post-thumbnail

[React] 서버와 짜릿한 만남2(feat.fetch)

fetch 두 번째 이야기 회원가입을 했으니 로그인을 해볼까? 일단 주소부터 변경하자! 사실 로그인 페이지를 회원가입 페이지로도 사용했다... 회원가입 페이지를 구현하기엔 시간적 여유가 없었다는 변명을 하고싶었다.. 따라서, 로그인 페이지에도 input창이 있으니 회

2022년 6월 16일
·
0개의 댓글
post-thumbnail

[TIL] 0616 | React with Redux, Next.js, TypeScript

✍🏻 0616 | React with Redux, Next.js, TypeScript ✓ 사용자 정의 훅 로직 조정하기 ✓ 더 많은 컴포넌트에서 사용자 정의 훅 사용하기

2022년 6월 15일
·
0개의 댓글
post-thumbnail

[React] 서버와 짜릿한 만남1(feat.fetch)

fetch함수로 서버와 소통하기 _리.터.럴.리 fetch는 가져오다라는 뜻이다. 그럼 우리는 fetch를 어떻게 사용할 것인가?_ 서버와 통신을 순서대로 정리(긴글주의) >### 1. 회원가입 하기 (signup) >1-1. 서버주소 입력하기 💥여기서 겪었던

2022년 6월 15일
·
0개의 댓글

React - 백엔드와 통신하기

이전 포스팅에서는 백엔드 서버와 통신하기 전이었기 때문에 아이디와 패스워드 값을 임의로 설정한 후 실제 아이디와 패스워드 창에 입력되는 값이 내가 지정한 값과 일치할 때 메인페이지로 화면이 넘어가도록 코드를 작성했었다.오늘은 fetch를 이용해 백엔드 서버에 회원가입

2022년 6월 15일
·
0개의 댓글
post-thumbnail

fetch를 이용해서 백엔드와 소통을 해보자!

전에 만들었던 Westagram 코드로 fetch를 통해서 백엔드에서 주는 데이터를 가지고 구현해보기로 하였다!그럼 일단?Fetch는 HTTP 파이프라인을 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공하고, Fetc

2022년 6월 15일
·
1개의 댓글
post-thumbnail

TIL:19 Westargram 통신 연결

전체적인 흐름 요청하기 javascript에서 http 요청을 보낼때는 fetch 함수를 사용한다. http 요청을 보낼 API주소, 두번째 인자로 요청을 보낼때의 옵션들을 객체형태로 받는다. 요청을 보낼 API주소을 보낼 주소는 백엔드 개발자에게 받아서 넣는다.

2022년 6월 15일
·
0개의 댓글
post-thumbnail

서버로 넘어가지 않는 fetch 400 오류

front 단에서 400오류가 발생하고 서버에서는 해당 라우터에 접근조차 되지 않는 경우headers와 body를 다시 확인해보자.아래의 경우 json 형태로 데이터를 보낸다고 headers에 명시해놨는데 JSON.stringify를 적용하지 않았을 때 400오류가 발

2022년 6월 15일
·
0개의 댓글
post-thumbnail

react에서 fetch의 결과값을 log에 찍었을때 Promise가 나온 경우

아래와 같은 코드를 친 경우Promise 객체가 출력된다 Promise 객체가 출력되는 원인은 await를 사용하지 않아서이다.위와 같이 코드를 치면 값이 정상적으로 출력되는 것을 확인 할 수 있다.

2022년 6월 14일
·
0개의 댓글
post-thumbnail

[TIL] 0611 | React with Redux, Next.js, TypeScript

✍🏻 0611 | React with Redux, Next.js, TypeScript ✓ 요청에 useEffect 사용하기 ✓ 다음 단계를 위한 프로젝트 준비하기 ✓ POST 요청 보내기

2022년 6월 11일
·
0개의 댓글

fetch 함수로 API 호출하기

클라이언트와 서버가 통신할 때 클라이언트는 fetch() 함수로 요청한다.서버는 요청에 맞는 데이터를 제공해준다.응답에는 시간이 걸릴 수 있는 데 그 동안 클라이언트가 아무 것도 하지않으면 비효율적일 것이다. 그것을 위한 함수가 .then() 이다..then() 은 웹

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[TIL] 0609 | React with Redux, Next.js, TypeScript

✍🏻 0609 | React with Redux, Next.js, TypeScript ✓ async 와 await 사용하기 ✓ 로딩 및 데이터 State 처리하기 ✓ HTTP 오류 처리하기

2022년 6월 9일
·
0개의 댓글