# Fetch
23/01/27_AJAX란 ?
최근에 코딩애플 유튜브를 보는데 제가 처음 자바스크립트 코드를 짜고 비동기 방식으로 데이터를 가져오면서 헷갈렸던 ajax, json 등의 개념을 쉽게 잘 설명해 주셔서 영상으로 봤던 내용들을 정리해 보려고 합니다.참고 코딩애플 ajax https://www.y
[JS] Fetch 메서드 뿌시기
클라이언트가 서버에 HTTP 통신으로 요청(request)을 보내고, 정보를 응답(response) 받을 때 사용되는 메서드클라이언트는 fetch 메서드를 이용해 서버로 데이터를 요청해서 받고(read), 데이터를 생성(create), 수정(update), 삭제(del
스파르타코딩클럽 웹개발 종합반 2주차
1)자바스크립트란 \-프로그래밍 언어 중 하나로 브라우저가 알아들을 수 있는 언어2)자바스크립트 - HTML 연결 버튼 연결. 버튼 클릭하면 경고창 뜨게하기영화 기록하기console.log(변수)는 콘솔 창에 괄호 안의 값 출력개발자가 결과값을 보기 편하도록.con
AJAX 요청 (axios / fetch)
(Asynchronous JavaScript and XML)자바스크립트를 이용하여 XML(혹은 json) 데이터를 주고받는 기술백그라운드 영역에서 GET, POST 요청하여 서버와 통신비동기식으로 처리하기 때문에 서버와 통신하는 동안 다른 작업도 가능(웹페이지 재로딩
Front-end 국비지원 #062일
패럴랙스 스크롤링(parallax scrolling)은 사용자가 마우스를 스크롤할 때, 원거리에 있는 배경 이미지는 느리게 움직이게 하고, 근거리에 있는 사물 이미지는 빠르게 움직이도록 함으로써 입체감을 느낄 수 있게 만든 디자인 기법이다. 하나의 이미지를 여러 개의
Fetch 와 Axios
프론트에서 서버에 데이터 요청을 할때,Javascript에서는 Fetch 와 Axios 이렇게 두가지가 있다.매번 쓰면서 딱히 큰 차이를 느끼지 못해 구글링을 통해 알아보았는데존경하는 이름모를 개발자분께서 외국 개발자의 글을 번역하여 표를 정리해둔게 있어서 퍼오게 되었
회원가입 기능 구현하기
회원가입 로직추가하고 싶은 기능회원가입 성공하면 -> 메인페이지로 이동되고 alert도 띄우기 || 홈으로 가기 버튼 추가input창 입력값 \*\*\*\* 처리하기
fetch(), API를 사용한 데이터 호출
json파일, fetch함수 기초 사용법에 이어 이번엔 fetch() 함수로 원격 API 호출을 해보려 한다. 🟩 유튜브 API 호출 ◻️ 유튜브 API > 제공된 API에서 필요한 부분/경로 확인 ◻️ HTML ◻️ JS > fetch()문 요청 URL 분석 fetch('https:~search?~q=새해&~maxResults=5~') sear...
javascript XML to JSON 변환방법
내 react프로젝트에서 국토부공공api를 가져와보기위해 검색을 하던중 data형태가 jsoon형태가 아닌 xml형태가 많았다.그리하여 xml을 json형태로 변형 하는방법을 검색하여 기록을 남긴다.방법은 라이브러리를 이용하는 방법과, Vanila JS를 사용하는 방법
[TIL] 001. fetch 함수 재활용
**백엔드와 통신하는 fetch 함수를 재사용이 가능한 형태로 구현하였다. 함수의 결과값으로 response를 return하여 사용하는 곳에서
fetch()함수를 이용하여 get요청시 여러개의 params가 필요할경우 요청코드.
공공데이터포털에서 xml자료를 받아오기위해 참고예제를 따라하기위해axios말고 fetch()함수를 이용해 보았다.이런식으로 코드를 작성하면 여러개의 params를 함께 전달할수 있다.
2023.01.06 개발일지 - 2주차 과제
1주차에 완성했던 영화 페이지에 실시간 서울 날씨 API 적용하기1주차에 작성했던 코드를 수정하고, 날씨 API 적용해볼 예정. 그럼 날씨를 작성해줄 div 태그를 만들어서 현재 서울의 날씨라고 작성해 줬다. 스크립트 부분에 튜터님이 미리 만들어 주신 코드 복붙 ..
2023.01.06 개발일지 - Fetch 퀴즈
이번 일지에서는 서울시 실시간 따릉이 현황을 이용해서 모든 위치의 따릉이 현황을 보여주는 페이지를 만들어 볼 예정
FETCH, AXIOS (23/01/05)
지난 포스트에 이어서 ajax에서 더욱 발전된 비동기 통신 방식인 Fetch와 Axios에 대해서 알아보겠습니다 개념적으로는 셋 모두 차이가 없기 때문에 각각의 활용법을 익혀야 합니다 1. Fetch API 2. AXIOS // const request =
[삽질] 더 나은 리액트를 위한 삽질 (props, state, variable, useEffect)
오늘은 리액트로 삽질.. 한 기록을 간단하게 적어보려고 해요.리액트를 사용하면 아마 대부분 함수형 컴포넌트를 더 많이 사용하실텐데요. 함수형에 있는 여러가지 장점 중 하나는 useEffect가 아닐까 싶어요.useEffect의 depenency array를 활용하면 컴
fetch(javascript) 사용법
ajax는 Asynchronous Javascript And Xml의 약자로, 브라우저의 XMLHttpRequest객체를 통해 페이지의 새로고침 없이 페이지의 일부를 변경하기 위한 데이터를 가져오는 기법을 의미한다.처음에는 XMLHttpRequest객체로 통신을 했지만
fetch()함수로 Json파일 읽어오기
똑같은 마크업과 스타일의 반복이 아닌 데이터 비동기 처리 방식으로 json파일과 자바스크립트 fetch함수를 활용한 공부를 해보았다. fetch()란? 자바스크립트를 사용하면 필요할 때 서버에 네트워크 요청을 보내고 새로운 정보를 받아오는 일을 할 수 있다. jso
Ajax, fetch, Axios 이해 해보기 🥴
처음에는 Ajax에 대해서만 깊게 정리하려고 했지만, 우리가 Ajax이외에도 클라이언트와 서버 사이에 데이터를 비동기 통신을 할때 Axios, fetch를 사용하고 있다.