developia.soye.log

고정 헤더 영역

글 제목

메뉴 레이어

developia.soye.log

메뉴 리스트

  • 홈
  • 태그
  • 분류 전체보기 (25)
    • Javascript (3)
    • React (5)
    • Vue (8)
    • Basic_Code (2)
    • Diary about code (2)
    • Node.js (1)
    • DB (4)

검색 레이어

developia.soye.log

검색 영역

컨텐츠 검색

Javascript

  • [콜백함수] 콜백함수의 개념 및 예시

    2025.05.05 by developia_yeso

  • [Axios] api 사용 및 오류수정

    2023.09.05 by developia_yeso

  • [Axios] Axios 와 Fetch 의 차이

    2023.08.30 by developia_yeso

[콜백함수] 콜백함수의 개념 및 예시

주요 차이점✅ 콜백함수(callback function)란?- 함수의 매개변수를 통해 다른 함수의 내부로 전달되어지는 함수이다.- 중첩함수가 외부함수를 돕는 헬퍼 함수의 역할을 하는 것처럼 콜백함수도 고차함수에 전달되어 헬퍼함수의 역할을 한다.단, 중첩함수는 고정되어있어 교체하기 곤란하지만 콜백함수는 함수 외부에서 고차함수 내부로 주입하기 때문에 자유롭게 교체할 수 있다는 장점이 있다. 즉, 고차함수는 콜백함수를 자신의 일부분으로 합성한다.**고차함수(higer-order-function)란? 매개변수를 통해 함수의 외부에서 콜백 함수를 전달받은 함수를 고차함수라고 한다. ✅ 콜백함수의 전개- 고차함수는 매개 변수를 통해 전달받은 콜백함수의 호출 시점을 결정해서 호출한다.- 다시 말해, 콜백함수는..

Javascript 2025. 5. 5. 19:01

[Axios] api 사용 및 오류수정

1. 오픈 API 연결 (Axios) 및 데이터 타입 명시 오픈 api URL 을 생성하고 axios를 통해 데이터를 가져오기로 함. 그러나 데이터가 object 타입이라 읽지 못해 오류 발생 -> 데이터가 object 인 경우, 가져올 데이터의 타입을 정확하게 명시해야함. axios의 경우, 기본값이 json을 포함하고 header, body등 따로 명시할 필요가 없지만 데이터가 불려지지 않으므로 body : JSON.stringfy(data) 를 명시, .then response 영역에도 한번 더 명시. 그리고 가져오는 데이터 형식에 key 명을 기재. JSON.stringfy(data.name) 등등 -> 구체적으로 가져오는 데이터 타입을 불러야함. 정상적으로 데이터를 끌고오는게 보여짐. 2. in..

Javascript 2023. 9. 5. 17:09

[Axios] Axios 와 Fetch 의 차이

데이터 전송과 관련해 fetch 와 axios 차이에 대한 궁금증이 생겼다. 이 둘의 차이점을 알고 적절하게 사용해보자! # 알고가자 Axios 와 Fetch 는 모두 Promise 기반의 HTTP 클라이언트다. 즉, 이 클라이언트를 이용해 네트워크 요청을 하면 이행(resolve) 혹은 거부 (reject) 할 수 있는 promise 가 반환된다. Fetch fetch Api 는 네트워크 요청을 위해 fetch() 라는 메서드를 제공하는 인터페이스다. 모던 브라우저에 내장되어있어 따로 설치할 필요가 없다. node.js의 실험적 기능을 활성화하여 사용할 수 있다. Axios 자바스크립트에는 fetch api 가 내장 되어 있는 반면 axios 의 경우, 서드파티 라이브러리로 CDN 혹은 npm 이나 y..

Javascript 2023. 8. 30. 14:57

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
developia.soye.log © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바