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

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..

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

1. node.js 를 통한 json 파일 작성 npm init -y (server설치) : 데이터(server) 공간에 서버 설치 npm i express (express 설치) : express란? 서버기능 구현을 위한 프레임워크 npm i cors (cors 설치) : axios 에러를 잡기 위한 설치 >> 비동기 통신 오류 잡기 1) express 관련 코드 삽입 >> server.js 코드 작성 ** express.Router 사용시 주의사항 ( 관련 코드작성은 todoList.js 파일화면 참조 ) 1) app.use('/api/todoList' , todoRouter) -> /api/todoList' 를 검색하는 순간, router의 파일이 함께 구동하게 만듦. ('/api/todoList'..