axios 란?브라우저 및 Node 환경에서 사용 가능한 Promise 기반의 HTTP 클라이언트,주로 Rest API 통신에 사용, 간단한 API 를 통해 HTTP 요청을 할 수 있다!주요 기능Promise 기능Axios는 비동기 처리를 위한 Promise 를 사용하며, .then().catch()를 통해 결과를 처리 할 수 있다요청과 응답Axios 는 요청과 응답 데이터를 변환 할 수 있는 기능이 있다.transformRequest, transformResponse 를 통해 데이터를 가공 할 수 있다.자동 JSON 변환👍🏻요청 데이터가 Object 일 경우 자동으로 JSON 으로 변환응답 데이터도 자동으로 Object로 변환interceptors⭐️요청이나 응답을 가로채서 추가적인 처리를 할 수 ..

* 해당 자료는 MDN 을 참고하여 작성하였습니다1.  Promise란?Promise는 비동기 연산이 종료된 이후에 결과 값과 실패 사유를 처리하기 위한 처리기를 연결할 수 있습니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하는 것이 아니고, 미래의 어떤 시점에 결과를 제공하겠다는 '프로미스(promise)'를 반환합니다.  * Promise 의 상태대기(pedding) : 완전 초기 단계, 실행을 하지 않아 값이 없는 상태이행(fulfield) : 연산이 되고 값이 있는 상태(값o , 값x)거부(rejected) : 연산이 실패(반환) => reject 2. Promise가 필요한 이유😆프로미스는 주로 서버에서 받아온 데이터를 화면에..

동기 VS 비동기우선 차이점 부터 설명하자면 동기는 '직렬적', 비동기는 '병렬적'으로 작동되는 방식이다. 즉, 비동기란 특정 코드가 끝날때까지 기다리지 않고 다음 코드를 실행하는 것을 의미한다.자바스크립트 엔진은 한번에 하나의 태스크(Task)만 실핼할 수 있는 싱글 스레드(single thread)방식 으로 동작 하며, 다른 Task 가 실행 중일때는 다른 일은 블로킹(blocking)이 된다. 왼쪽 차트는 ' 비동기 방식으로 전개되어 있다. 한번에 여러 Task가 동시에 병렬적으로 실행된다.오른쪽 차트는 하나의 Task가 끝날 때까지 기다렸다가 다음 Task 실행된다.실행 시간으로는 동기 방식이 느리다.동기순서를 보장해주는 장점직렬적 태스크 수행 방식즉, 요청을 보낸 후 응답을 받아야지만 다음 동작..

NEW 연산자와 생성자 함수생성자(contructor) 객체 레터럴 {...}을 사용하면 편하게 객체를 만들수 있습니다. 간혹 개발을 하다보면 유사한 객체를 중복적으로 만들 때가 있습니다.ex) 복수의 사용자(?),다양한 아이템을 객체 표현이럴 때 new 연산자와 생성자 함수를 사용하면 편리하게 만들 수 있습니다.생성자 함수는 앞을 대문자로 작성합니다.호출 시 'new' 키워드를 붙여 사용합니다.생성자 함수(contructor function)과 일반 함수의 차이는 없습니다.생성자의 의의는 재사용할 수 있는 객체 생성 코드를 작성 function User(user){ this.name = user, this.isAdmin = false } const userInf..

이터러블(iterable)이 개념들은 ES6(ECMAScript 2015)에서 도입되었습니다.이터러블(iterable) 프로토콜이터레이터(iterator) 프로토콜이터러블은 반복 가능해야 하고이터레이터 프로토콜은 Symbol.iterator 메서드를 갖고 있어야 한다.이터러블은 즉, 반복 가능한 객체를 의미합니다. 배열 이외에도 다수의 내장 객체가 반복이 가능합니다.문자열 역시 이터러블의 예입니다. const name = 'nami'; const nameArr = Array.from(name); console.log(nameArr); //(4) ['n', 'a', 'm', 'i']"console 결과")Symbol.iterator는 이터레이터 객체를 반환이후 for..of는 반환된 ..