Axios란? JavaScript에서 사용하는 HTTP 통신 라이브러리웹 애플리케이션을 개발하다 보면, 서버로부터 데이터를 받아오거나 서버에 데이터를 보내야 할 때가 많습니다.이럴 때 사용하는 대표적인 도구가 바로 Axios입니다.Axios는 JavaScript 기반의 HTTP 클라이언트 라이브러리로, 주로 React와 같은 프론트엔드 환경에서 많이 사용됩니다.1. Axios란?Axios는 Promise 기반의 HTTP 클라이언트로, 브라우저와 Node.js 모두에서 동작합니다.서버와의 비동기 통신을 보다 간단하고 직관적으로 작성할 수 있도록 도와줍니다.주요 특징Promise 기반으로 비동기 처리가 용이자동으로 JSON 데이터 변환요청 및 응답 인터셉터 지원요청 취소, 타임아웃, 응답 스키마 지정 가능브..

Array 메서드(map, filter, reduce)const numbers = [1, 2, 3, 4, 5];1) map()// 배열의 각 요소를 변형하여 새 배열 생성const doubled = numbers.map(num => num * 2);console.log(doubled); // [2, 4, 6, 8, 10]※ 기존 배열의 요소를 가공하여 **같은 길이의 새 배열** 생성2) filter()// 조건에 맞는 요소만 추출const even = numbers.filter(num => num % 2 === 0);console.log(even); // [2, 4]※ 조건을 만족하는 요소만 모아 **새 배열** 생성3) reduce()// 배열을 순회하며 누적값 계산const sum = numbers..

자바스크립트 함수 정의 방식 & 배열/객체 처리 기초 정리1. 함수 정의 방법① 함수 선언문function add(x, y) { return x + y;}const result = add(10, 20);console.log(result); // 30② 함수 표현식let add = function (x, y) { return x + y; };let sum = add;console.log(add(10, 20)); // 30console.log(sum(10, 20)); // 30③ 기명 함수 표현식let sum1 = function add1(x, y) { return x + y; };let sum2 = sum1;console.log(sum1(10, 20)); // 30console.log(su..