# Fetch

237개의 포스트
post-thumbnail

[조건부렌더링] | Rendering before Data fetch()

Route를 이용해 페이지 navigate 시, 렌더링 되기 전의 default 데이터가 잠시동안 화면에 출력되는 문제.그 이유는😅useEffect로 데이터를 fetch 해오는 경우, useEffect의 실행 시점이 첫 마운트 이후이기 때문이다.데이터가 fetch되지

2일 전
·
0개의 댓글

📥 fetch

fetch는 XMLhttpRequest 객체와 비슷하게 HTTP 통신 기능을 제공하는 WEB API이다.const promise = fetch(url \[options])fetch는 XMLhttpRequest보다 간편하게 통신할 수 있다.XMLhttpRequest와 f

3일 전
·
0개의 댓글

fetch 함수: POST Request

POST 요청, fetch 함수, then() 메서드에서의 분기 처리, Response message 처리

5일 전
·
0개의 댓글

Data Fetching 실습 (fetch, promise, async, awaite)

Fetch는 브라우저에 내장된 비동기방식으로 데이터를 불러오는 기능이다. promise는 비동기 작업이 완료 또는 실패 했을 때 후속 처리가 가능하다. 미래에 어떤 시점에서 결과를 제공하겠다는 약속을 반환 한다. async, await는 데이터 전송의 성공 실패를 기다

5일 전
·
0개의 댓글

Kafka Consumer Fetch Interval 관련 설정

spring.kafka.consumer 하위 설정1) fetch-min-bytes : Record를 fetch 해올 최소 용량. Record를 너무 잘게 가져오지 않도록 설정2) fetch-max-wait-ms : Record를 fetch 하는 걸 기다리는 최대 시간.

2022년 1월 12일
·
0개의 댓글
post-thumbnail

Cavas fetch 에러

사이드 프로젝트 진행 중 s3 upload를 위해 Html을 cavas 로 변환시켜 서버로 보내야 하는데 보내지지 않았다.정확히는 보내는지는데 서버에서 받지 못했다.위와 같이 blob 타입, DataURL 두가지 모두 변형해 보내봤는데 200도 떨어지고 페이로드 값을

2022년 1월 8일
·
0개의 댓글
post-thumbnail

[React] fetch( )를 이용하여 API 호출하기 (feat.일기장)

💡fetch()란? 자바스크립트 내장 객체 (API 호출하는 역할) fetch() 함수는 엄밀히 말해, 브라우저의 window 객체에 소속되어 있기 때문에 window.fetch()로 사용되기도 한다. ▶️ fetch()사용 방법

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

[JS] 비동기 - Promise와 fetch API, Event Loop

fetch function은 바로 promise를 return한다는 특징을 가지고 있다.Promise : Promise 객체는 동기 작업으로 인한 미래의 성공 또는 실패와 그 결과 값을 나타낸다. 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로

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

<아직도 내가 데이터 통신을 몰랐구나...>

필자가 1차 프로젝트 프론트 코드 작성 중 발견한 무지함에 대해 풀어보고 싶어, 컴퓨터 자판에 손을 올렸다. 그렇다. 이 말 너무 와 닿는다. 마치 나를 두고 하는 말인가 싶을 정도로... 필자는 일단 상품 리스트 페이지 ui를 만드는 과정에 임했다. 생각보다 빨리 백

2022년 1월 2일
·
0개의 댓글
post-thumbnail

[React][무한렌더링] | useEffect에서 fetch() method 사용 시...

매 렌더링 마다 side effect가 실행된다만약 콜백함수로 fetch() method가 온 경우, 렌더링 마다 fetch method 실행 됨fetch method로 받아온 데이터를 state에 setState를 이용하여 넣는다면, 이전에 저장되어 있던 데이터와 동

2022년 1월 2일
·
0개의 댓글
post-thumbnail

fetch(), 그리고 axios

골수 fetch user에서 axios 입문자로 거듭나자

2021년 12월 30일
·
0개의 댓글
post-thumbnail

#2.TIL | Axios(장단점, Fetch와 차이점)

프로젝트를 진행하게 되면 서버와 클라이언트 간의 HTTP통신을 통해 데이터를 주고 받게 된다. 나는 이 과정에서 JavaScript ES6버전의 내장 라이브러리인 fetch를 사용했었는데, 생각해보니 내가 왜 쓰는지에 대한 고민없이 당연하게 사용을 했었던것 같다. 당장

2021년 12월 28일
·
0개의 댓글
post-thumbnail

Fetch API

ES6 문법으로 비동기로 서버와 통신 방법이다.return값으로 Promise를 받는다.기본 문법옵션 세팅 가능요청(Request)시 설정할 수 있는 옵션으로는 아래와 같다.method - GET, POST, PUT, DELETEheaders - header 옵션bod

2021년 12월 28일
·
0개의 댓글
post-thumbnail

fetch()를 이용하여 공공데이터 API 호출하기

코로나19 예방 접종자 수 통계 표시하기

2021년 12월 24일
·
0개의 댓글
post-thumbnail

[CS] 브라우저의 작동 원리 Day-38

SPA를 만드는 기술 (AJAX) AJAX 란? 웹 페이지에 필요한 데이터만 비동기적으로 받아와 화면에 그려낼 수 있습니다. (Asynchronous JavaScript And XMLHttpRequest의 약자로 JavaScript, DOM, Fetch, XMLHt

2021년 12월 23일
·
0개의 댓글

TIL 20

자바스크립트에서의 비동기 처리에 대하여

2021년 12월 23일
·
0개의 댓글
post-thumbnail

12.22

fetch는 특정 URL로부터 정보를 받아오는 역할을 한다.비동기로 이루어지기 때문에 경우에 따라 다소 시간이 걸릴 수 있다.기본 구조. 그냥 이 틀을 외워버리기

2021년 12월 22일
·
0개의 댓글
post-thumbnail

[http][로그인][회원가입] | 로그인 & 회원가입

코딩 > 각 회원정보 입력항목은 하드코딩으로 지정해놓고 ID, PW만 입력한 값으로 전달전달하는 객체의 각 key 이름은 백엔드 엔지니어와 동일한 값으로 맞춤백엔드에서 신규 회원목록에 추가되는 것 확인🔑기존 회원 유무, 로그인 판단은 백엔드에서 처리이후 기존의 계정

2021년 12월 22일
·
0개의 댓글
post-thumbnail

[CS] Node.js 모듈 사용법 Day-36

Node.js의 경우 많은 API가 비동기로 작성되어 있습니다.어떤 기능을 조립할 수 있는 형태로 만든 부분입니다. fs(File System) 모듈은, PC의 파일을 읽거나 저장하는 등의 일을 할 수 있게 도와줍니다.개발자는 자신이 이해하는 만큼의 모듈을 사용할 수

2021년 12월 21일
·
0개의 댓글