# Fetch

404개의 포스트

23/01/27_AJAX란 ?

최근에 코딩애플 유튜브를 보는데 제가 처음 자바스크립트 코드를 짜고 비동기 방식으로 데이터를 가져오면서 헷갈렸던 ajax, json 등의 개념을 쉽게 잘 설명해 주셔서 영상으로 봤던 내용들을 정리해 보려고 합니다.참고 코딩애플 ajax https://www.y

약 10시간 전
·
0개의 댓글
·

[JS] Fetch 메서드 뿌시기

클라이언트가 서버에 HTTP 통신으로 요청(request)을 보내고, 정보를 응답(response) 받을 때 사용되는 메서드클라이언트는 fetch 메서드를 이용해 서버로 데이터를 요청해서 받고(read), 데이터를 생성(create), 수정(update), 삭제(del

어제
·
0개의 댓글
·
post-thumbnail

스파르타코딩클럽 웹개발 종합반 2주차

1)자바스크립트란 \-프로그래밍 언어 중 하나로 브라우저가 알아들을 수 있는 언어2)자바스크립트 - HTML 연결 버튼 연결. 버튼 클릭하면 경고창 뜨게하기영화 기록하기console.log(변수)는 콘솔 창에 괄호 안의 값 출력개발자가 결과값을 보기 편하도록.con

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

AJAX 요청 (axios / fetch)

(Asynchronous JavaScript and XML)자바스크립트를 이용하여 XML(혹은 json) 데이터를 주고받는 기술백그라운드 영역에서 GET, POST 요청하여 서버와 통신비동기식으로 처리하기 때문에 서버와 통신하는 동안 다른 작업도 가능(웹페이지 재로딩

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

Fetch 와 Axios

프론트에서 서버에 데이터 요청을 할때,Javascript에서는 Fetch 와 Axios 이렇게 두가지가 있다.매번 쓰면서 딱히 큰 차이를 느끼지 못해 구글링을 통해 알아보았는데존경하는 이름모를 개발자분께서 외국 개발자의 글을 번역하여 표를 정리해둔게 있어서 퍼오게 되었

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

회원가입 기능 구현하기

회원가입 로직추가하고 싶은 기능회원가입 성공하면 -> 메인페이지로 이동되고 alert도 띄우기 || 홈으로 가기 버튼 추가input창 입력값 \*\*\*\* 처리하기

2023년 1월 13일
·
0개의 댓글
·

fetch(), API를 사용한 데이터 호출

json파일, fetch함수 기초 사용법에 이어 이번엔 fetch() 함수로 원격 API 호출을 해보려 한다. 🟩 유튜브 API 호출 ◻️ 유튜브 API > 제공된 API에서 필요한 부분/경로 확인 ◻️ HTML ◻️ JS > fetch()문 요청 URL 분석 fetch('https:~search?~q=새해&~maxResults=5~') sear...

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

javascript XML to JSON 변환방법

내 react프로젝트에서 국토부공공api를 가져와보기위해 검색을 하던중 data형태가 jsoon형태가 아닌 xml형태가 많았다.그리하여 xml을 json형태로 변형 하는방법을 검색하여 기록을 남긴다.방법은 라이브러리를 이용하는 방법과, Vanila JS를 사용하는 방법

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

📖프레임워크 없는 프론트 개발을 읽고 - 5장. HTTP 요청

AJAX / REST / XMLHttpRequest / Fetch / Axios

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

[TIL] 001. fetch 함수 재활용

**백엔드와 통신하는 fetch 함수를 재사용이 가능한 형태로 구현하였다. 함수의 결과값으로 response를 return하여 사용하는 곳에서

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

fetch()함수를 이용하여 get요청시 여러개의 params가 필요할경우 요청코드.

공공데이터포털에서 xml자료를 받아오기위해 참고예제를 따라하기위해axios말고 fetch()함수를 이용해 보았다.이런식으로 코드를 작성하면 여러개의 params를 함께 전달할수 있다.

2023년 1월 8일
·
0개의 댓글
·

fetch

fetch

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

2023.01.06 개발일지 - 2주차 과제

1주차에 완성했던 영화 페이지에 실시간 서울 날씨 API 적용하기1주차에 작성했던 코드를 수정하고, 날씨 API 적용해볼 예정. 그럼 날씨를 작성해줄 div 태그를 만들어서 현재 서울의 날씨라고 작성해 줬다. 스크립트 부분에 튜터님이 미리 만들어 주신 코드 복붙 ..

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

2023.01.06 개발일지 - Fetch 퀴즈

이번 일지에서는 서울시 실시간 따릉이 현황을 이용해서 모든 위치의 따릉이 현황을 보여주는 페이지를 만들어 볼 예정

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

FETCH, AXIOS (23/01/05)

지난 포스트에 이어서 ajax에서 더욱 발전된 비동기 통신 방식인 Fetch와 Axios에 대해서 알아보겠습니다 개념적으로는 셋 모두 차이가 없기 때문에 각각의 활용법을 익혀야 합니다 1. Fetch API 2. AXIOS // const request =

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

[삽질] 더 나은 리액트를 위한 삽질 (props, state, variable, useEffect)

오늘은 리액트로 삽질.. 한 기록을 간단하게 적어보려고 해요.리액트를 사용하면 아마 대부분 함수형 컴포넌트를 더 많이 사용하실텐데요. 함수형에 있는 여러가지 장점 중 하나는 useEffect가 아닐까 싶어요.useEffect의 depenency array를 활용하면 컴

2023년 1월 5일
·
0개의 댓글
·

fetch(javascript) 사용법

ajax는 Asynchronous Javascript And Xml의 약자로, 브라우저의 XMLHttpRequest객체를 통해 페이지의 새로고침 없이 페이지의 일부를 변경하기 위한 데이터를 가져오는 기법을 의미한다.처음에는 XMLHttpRequest객체로 통신을 했지만

2023년 1월 5일
·
0개의 댓글
·

fetch()함수로 Json파일 읽어오기

똑같은 마크업과 스타일의 반복이 아닌 데이터 비동기 처리 방식으로 json파일과 자바스크립트 fetch함수를 활용한 공부를 해보았다. fetch()란? 자바스크립트를 사용하면 필요할 때 서버에 네트워크 요청을 보내고 새로운 정보를 받아오는 일을 할 수 있다. jso

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

Ajax, fetch, Axios 이해 해보기 🥴

처음에는 Ajax에 대해서만 깊게 정리하려고 했지만, 우리가 Ajax이외에도 클라이언트와 서버 사이에 데이터를 비동기 통신을 할때 Axios, fetch를 사용하고 있다.

2023년 1월 5일
·
0개의 댓글
·