개요진행중이던 프로젝트 중간에 투여되어 작업을 진행했던 7개월동안지속적으로 궁금했던 프로젝트내(vue) axios 관련 통신 구조를 파헤쳐보기로 했다. (공부도 할겸) 목차1. axios1-1. axios 전역설정1-2. axios instance 1-3. axios interceptors 1. axios axios란 무엇인가? 간단히 설명하고 넘어가자면,axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이며 백엔드와 프론트엔드의 통신을 간결하고 쉽게 진행하기 위해 사용한다. axios의 특징 가운데 이 포스팅에서 우리가 눈여겨 봐야할 것은 아래와 같이 3가지이다. 1. 자동으로 JSON데이터 형식으로 변환2. data 속성을 사용 3. data는..

개요- Next.js 를 다뤄보면서 라이브러리와 프레임워크 차이에 대해 알아보는 것도 좋을 것 같다는 생각이 들었다.   이러한 차이는 React.js와 Next.js등의 동작방식을 아는데 도움이 된다.  라이브러리 : 코드내에서 내가 사용하는 것 ( 여기서 주체는 사용하는 사용자이다 ) -> 주도권은 사용자에게 있다. : 코드 내에서 사용하려고 설치하는 것이지만 사용의 주체는 나 = 우리가 필요할 때 사용할 수 있다 (도움이 필요할 때만 가져와서 사용할 수 있음을 의미하기도 함) => 이것에 관한 모든 결정을 하는 것은 사용자다.= 원하는 아키텍처를 사용하여 원하는 방식으로 코드를 사용한다 = 내가 원한다면 함수 지향 프로그래밍을 할 수도, 객체지향프로그래밍을 하는 등 원하는 언어로 사용할 수 있다.=..

**변수선언이 세 가지가 생긴 이유 ? ES6 버전 이전엔 변수명을 선언하는 키워드 var를 사용했으나 ES6버전 이후엔 사용을 지양하는 편이다 var의 단점을 보완하기 위해 등장한 키워드가 let , const 인데 이 세가지의 특징과 차이점을 알아보자. 1. var 1) 중복선언이 가능하다. var의 키워드는 중복으로 변수명 선언이 가능하다. 이는 자바스크립트의 무한한 확장의 장점이기도 하지만 의도치않게 변수명 중복을 인지하지 못해 값이 변화하는 결과를 초래하기도한다. 2)값의 재할당이 가능하다. ( let과의 공통점 ) 값의 재할당으로 자유롭게 값을 변경하기가 편하다. 그러나 의도치 않는 재할당의 경우가 생기기도 한다. 3)함수레벨스코프를 지향한다. (function-level-scope) / 전역..