Fetch [React] axios 와 fetch 차이점 -> 개인적인 생각으로는 사용법이 살짝 다르지만, 전체적으로 비슷한데, axios 가 좀 더 사용자가 인지하기 쉽게? fetch 에는 존재하지 않는 기능이 좀 더 많다. React Native 의 경우에 업데이트가 잦기 때문에, 라이브러리(예를들면, axios 같은 것들..)이 이 업데이트를 쫓아오지 못하는 경우가 생기는데, Fetch 는 이걸 걱정할 필요 없이 사용 가능 Axios JSON... Reactreact nativeFetchaxiosFetch [CS] fetch(네트워크 요청) Day-27 비동기 요청의 가장 핵심은 네트워크 요청이라고 볼 수 있습니다. 네트워크 요청 형태는 다양하지만 URL로 요청하는 경우가 많습니다. 이걸 가능하게 만들어주는 것이 fetch API 입니다. fetch API 특정 URL로부터 정보를 받아오는 역할을 합니다. 이 과정은 비동기로 이루어지기 때문에 시간이 걸릴 수 있습니다. blocking 발생 시 UX가 떨어지기 때문에 로딩 창을 띄우는 경우도... await네트워크 요청비동기이벤트 루프event loopasyncFetchFetch APIFetch [CS] AJAX, SSR, CSR, CORS Day-28 Asynchronous JavaScript And XMLHttpRequest 약자로 JavaScript, DOM, Fetch, XMLHttpReqest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법입니다. AJAX의 가장 큰 특징은 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 받아와 페이지를 보여줍니다. fetch를 사용하면, 페이지를 이동하지 않아도 서버로부터 필요한 데이... CSRSSRcorsajaxFetchCSR Heroku 날짜 서버 올리고 fetch로 수정할 수 있게 하기 현재 진행하는 내용은 아래 2개의 url에 있는 내용을 통합한 것입니다. 목표 /api/covidDate url로 fetch를 통해 접속하여 PUT 메소드를 이용해 해당 서버의 날짜 데이터를 수정할 수 있게 만들기 코드 기존에 data.json, db.js는 그대로 유지하고 app.js를 수정한다. app.js 사실 put과 post가 같은 코드이긴 하다. 만약 배열 형태로 여러개 저장한다고... node.jsFetchFetch [CS] Node.js 모듈 사용법 Day-36 Node.js의 경우 많은 API가 비동기로 작성되어 있습니다. 어떤 기능을 조립할 수 있는 형태로 만든 부분입니다. fs(File System) 모듈은, PC의 파일을 읽거나 저장하는 등의 일을 할 수 있게 도와줍니다. 개발자는 자신이 이해하는 만큼의 모듈을 사용할 수 있습니다. 처음부터 필요한 메소드를 정확하게 찾는 일은 쉽지 않습니다. 모든 모듈은 사용하기 위해서 불러오는 과정이 필요합... Fetch API모듈nodejsFetchnode.jsFetch [Git] 원격/로컬 저장소 관리 프로젝트를 진행하면서 Gitlab으로 버전 관리를 하며 여러 사람들과 협업을 한다. 협업을 하며 다른 팀원들이 생성한 remote의 여러 branch를 정리해보았다.🎈 ⑴ branch 목록 조회 remote branch 조회 local과 remote 저장소의 모든 branch 조회 ⑵ pull과 fetch 🥕 pull : remote 저장소로부터 최신 내용을 로컬로 가져오면서 병합한다. [다... gitremoteTILbranch updateFetchFetch [백엔드] fetch 명령을 한 레지스터에 옮겨 담는 과정, 혹은 옮기는 것 시스템 구조론, 레지스터 관점에서의 fetch는 명령(operand)을 레지스터에 옮기는 과정을 일컫는다. 외부의 REST API(URL)을 내부적으로 불러온 후 data를 확보하여, 내부적으로 사용할 수 있도록 기능을 제공해주는 라이브러리(node-fetch) 및 함수의 일종. node-fetch 라이브러리를 통해 제공하는 fetch는... 백엔드FetchFetch TIL | fetch() 벡엔드로부터 데이터를 받아오려면 api를 React에서 벡엔드로부터 fetch 함수를 이용해서 api를 받아올 때는 대체로 GET 방식과 POST 방식을 통해서 데이터를 받아온다. 일반적으로 GET 방식을 사용하고 회원정보와 같은 비밀정보는 POST방식을 통해서 전달하게 된다. 비밀정보를 주고받는데 GET 방식을 사용하지 않는 이유는 URL에 해당 정보가 노출되기 때문이다. fetch 함수는... TILReactFetchFetch Axios란? Fetch와의 비교 Axios란 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다. 비동기 처리 : 특정 코드의 연산이 끝날 때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 Javascript의 처리 Axios 특징 ES6의 Promise API 사용 요청과 응답 데이터의 변형 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경... axiosFetchFetch
[React] axios 와 fetch 차이점 -> 개인적인 생각으로는 사용법이 살짝 다르지만, 전체적으로 비슷한데, axios 가 좀 더 사용자가 인지하기 쉽게? fetch 에는 존재하지 않는 기능이 좀 더 많다. React Native 의 경우에 업데이트가 잦기 때문에, 라이브러리(예를들면, axios 같은 것들..)이 이 업데이트를 쫓아오지 못하는 경우가 생기는데, Fetch 는 이걸 걱정할 필요 없이 사용 가능 Axios JSON... Reactreact nativeFetchaxiosFetch [CS] fetch(네트워크 요청) Day-27 비동기 요청의 가장 핵심은 네트워크 요청이라고 볼 수 있습니다. 네트워크 요청 형태는 다양하지만 URL로 요청하는 경우가 많습니다. 이걸 가능하게 만들어주는 것이 fetch API 입니다. fetch API 특정 URL로부터 정보를 받아오는 역할을 합니다. 이 과정은 비동기로 이루어지기 때문에 시간이 걸릴 수 있습니다. blocking 발생 시 UX가 떨어지기 때문에 로딩 창을 띄우는 경우도... await네트워크 요청비동기이벤트 루프event loopasyncFetchFetch APIFetch [CS] AJAX, SSR, CSR, CORS Day-28 Asynchronous JavaScript And XMLHttpRequest 약자로 JavaScript, DOM, Fetch, XMLHttpReqest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법입니다. AJAX의 가장 큰 특징은 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 받아와 페이지를 보여줍니다. fetch를 사용하면, 페이지를 이동하지 않아도 서버로부터 필요한 데이... CSRSSRcorsajaxFetchCSR Heroku 날짜 서버 올리고 fetch로 수정할 수 있게 하기 현재 진행하는 내용은 아래 2개의 url에 있는 내용을 통합한 것입니다. 목표 /api/covidDate url로 fetch를 통해 접속하여 PUT 메소드를 이용해 해당 서버의 날짜 데이터를 수정할 수 있게 만들기 코드 기존에 data.json, db.js는 그대로 유지하고 app.js를 수정한다. app.js 사실 put과 post가 같은 코드이긴 하다. 만약 배열 형태로 여러개 저장한다고... node.jsFetchFetch [CS] Node.js 모듈 사용법 Day-36 Node.js의 경우 많은 API가 비동기로 작성되어 있습니다. 어떤 기능을 조립할 수 있는 형태로 만든 부분입니다. fs(File System) 모듈은, PC의 파일을 읽거나 저장하는 등의 일을 할 수 있게 도와줍니다. 개발자는 자신이 이해하는 만큼의 모듈을 사용할 수 있습니다. 처음부터 필요한 메소드를 정확하게 찾는 일은 쉽지 않습니다. 모든 모듈은 사용하기 위해서 불러오는 과정이 필요합... Fetch API모듈nodejsFetchnode.jsFetch [Git] 원격/로컬 저장소 관리 프로젝트를 진행하면서 Gitlab으로 버전 관리를 하며 여러 사람들과 협업을 한다. 협업을 하며 다른 팀원들이 생성한 remote의 여러 branch를 정리해보았다.🎈 ⑴ branch 목록 조회 remote branch 조회 local과 remote 저장소의 모든 branch 조회 ⑵ pull과 fetch 🥕 pull : remote 저장소로부터 최신 내용을 로컬로 가져오면서 병합한다. [다... gitremoteTILbranch updateFetchFetch [백엔드] fetch 명령을 한 레지스터에 옮겨 담는 과정, 혹은 옮기는 것 시스템 구조론, 레지스터 관점에서의 fetch는 명령(operand)을 레지스터에 옮기는 과정을 일컫는다. 외부의 REST API(URL)을 내부적으로 불러온 후 data를 확보하여, 내부적으로 사용할 수 있도록 기능을 제공해주는 라이브러리(node-fetch) 및 함수의 일종. node-fetch 라이브러리를 통해 제공하는 fetch는... 백엔드FetchFetch TIL | fetch() 벡엔드로부터 데이터를 받아오려면 api를 React에서 벡엔드로부터 fetch 함수를 이용해서 api를 받아올 때는 대체로 GET 방식과 POST 방식을 통해서 데이터를 받아온다. 일반적으로 GET 방식을 사용하고 회원정보와 같은 비밀정보는 POST방식을 통해서 전달하게 된다. 비밀정보를 주고받는데 GET 방식을 사용하지 않는 이유는 URL에 해당 정보가 노출되기 때문이다. fetch 함수는... TILReactFetchFetch Axios란? Fetch와의 비교 Axios란 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다. 비동기 처리 : 특정 코드의 연산이 끝날 때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 Javascript의 처리 Axios 특징 ES6의 Promise API 사용 요청과 응답 데이터의 변형 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경... axiosFetchFetch