# Fetch

156개의 포스트
post-thumbnail

TIL 35. fetch 함수와 프로미스 체이닝

fetch(url)가져오다라는 뜻으로 파라미터로 넘어오는 url로 서버에 request를 보내서 원하는 내용을 가져오고 response를 받는 역할을 수행한다.then 메소드는 앞에서 리턴한 값을 response로 받아 처리한다.서버가 보낸 response는 하나의 객

5일 전
·
0개의 댓글

TIL.fetch 함수

javascript에서 Http요청을 보낼때는 fetch함수를 사용한다.fetch함수는 첫번째 인자로 http 요청을 보낼 API주소, 두번째 인자로 요청을 보내때의 옵션들을 객체형태로 받는다.백엔드로부터 데이터를 받아오려면 api를 호출하고 데이터를 응답받는다.이 때

6일 전
·
0개의 댓글

Promise fetch API 사용법

네트워크 요청이 비동기 요청의 대표적이라고 할 수 있다.이번에 배운 내용은 URL로 요청하는 경우를 학습을 하였다.링크텍스트스프린트를 하면서 작성했던 코드를 정리를 해보았다.페어분들과 작성한 코드들을 비교해보니깐 확실히 여러가지 구성으로 구현이 되었다.가독성이 중요하니

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

✅ What is Ajax, Fetch, Axios?

JavaScript에서는 클라이언트와 서버간 데이터를 주고받기위해 비동기 HTTP통신을 사용한다.이 비동기 HTTP통신을 위한 방법으로는 대표적으로 Ajax, Axios, Fetch가 있다.비동기 Http 통신이란 response와 request를 비동기 식으로 다룰

2021년 7월 25일
·
0개의 댓글

[Spring Data JPA] One에서 Many를 fetch하며 페이징할 때

210718 페이징 쉬울줄 알았는데 말이죠..

2021년 7월 18일
·
0개의 댓글
post-thumbnail

Fetch API

Fetch API 정리

2021년 7월 15일
·
0개의 댓글
post-thumbnail

캠프 5일차

개발 공부 첫주가 마무리 되었다. 수준에 비해 진도가 빠른것 같지만, 뭘 어떻게 공부를 해야하는지 모르는 상황에서 그냥 따라 갈 수 밖에 없을 것 같다.그래도 많은 발전이 있다는 것과 배우면 배울수록 더 알고싶어 진다는 생각이 들어 기운이 난다.라우팅에는 정적 라우팅,

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

(BIL3) fetch,Promise 객체, callback 함수 개념 사용예제

1.fetch 2. Promise 객체 3. callback함수

2021년 7월 8일
·
0개의 댓글
post-thumbnail

[record] fetch로 댓글 기능 구현하기 .02

댓글 삭제는 훨씬 수월했다. 댓글 생성 과정에서 많은 부분을 수정한 덕이 크다고 생각한다. DELETE 요청을 보낼 때는 삭제할 요소의 id값이 필요해 fetch 요청을 보내는 주소의 제일 뒷 부분에 id 값을 추가해 보냈다. 또, DELETE는 body부분이 필요하지

2021년 7월 3일
·
0개의 댓글
post-thumbnail

[record] fetch로 댓글 기능 구현하기 .01

fetch로 댓글 생성 및 삭제 사용자에게 받은 input을 서버에 넘겨서 화면을 재렌더링하고, 사용자가 댓글을 삭제하면 서버의 데이터를 삭제해

2021년 7월 3일
·
0개의 댓글
post-thumbnail

TIL 25 | 로그인 & 회원가입 - Fetch 함수

fetch 함수를 이용한 회원가입 & 로그인 구현

2021년 7월 1일
·
0개의 댓글

서버와의 연결/통신 (AJAX , Axios, Fetch)

AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부

2021년 6월 30일
·
1개의 댓글
post-thumbnail

[record] fetch로 서버와 통신하기

오늘 서버와 통신을 통해 회원가입 및 로그인 과정을 진행해보았다. 오픈된 API를 사용할 때는 데이터를 받아오면서도 통신을 하고 있다는 게 와닿지 않았었다. 그런데 서버 화면을 같이 보면서 데이터를 요청해보니 통신이 이루어지는 과정을 명확하게 이해할 수 있었다. 로그인

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

[모던JS: 심화] 네트워크 요청 (1)

본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

2021년 6월 27일
·
0개의 댓글

[JS] fetch란

fetch의 사전적 정의 가지고 오다라는 의미를 가지고 있다.다음 코드는 fetch의 구조이다.fetch 메소드의 인자로는 url(주소)와 options로 옵션 객체를 받는 것을 볼 수 있다. 그리고 then을 사용하는 것을 보아 Promise를 반환한다는 것도 알 수

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

[React Hook] useEffect를 사용한 데이터 fetch

컴포넌트내에서 데이터를 동적으로 가져오므로 state 사용useEffect를 사용해 rendering 이후 fetch. 이후 state 갱신useEffect의 두 번째 매개변수로 빈 배열을 주어서 첫 컴포넌트 마운트 시에만 render하도록 해야한다!그렇지 않으면 re

2021년 6월 10일
·
0개의 댓글

Nuxt.js에서 asyncData 와 fetch 의 차이

asyncData는 페이지가 로딩되기 전, 컴포넌트의 data를 미리 지정하여 컴포넌트 생성 시에 데이터를 병합하는데 목적이 있다. (필요한 컴포넌트 data를 컴포넌트 랜더링 전, 미리 지정하여 보다 빠르게 구성)

2021년 6월 6일
·
0개의 댓글

Git 명령어 2

git pull : 원격저장소 데이터를 로컬 저장소에 가져와 바로 병합을 하는 명령어https://images.velog.io/images/lovelyhyeony/post/cbb8b7d2-cc39-4a29-9865-7ffe9017fef8/image.pnghtt

2021년 6월 6일
·
0개의 댓글

[컴퓨터 구조] Control Unit

Micro-Operations이 무엇인지, 실제 control을 위해서 어떤 기법들이 사용되는지 알아보자

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

React에서 Axios를 이용해 API 호출하기 (feat. fetch, ajax)

React에서의 API 호출, Axios와 함께라면 어렵지 않아요~!

2021년 6월 3일
·
0개의 댓글