뷰
[Vue] 차근차근 Todo List 만들기 with typescript - (5) Axios 연동 후 JSON 객체 받아오기
TODO LIST 만들어보기 Vue with Typescript (뷰 + 타입스크립트) (5) ☞ Axios란? axios는 HTTP 클라이언트 라이브러리로써, 비동기 방식으로 HTTP 데이터 요청을 실행합니다. 내부적으로 AXIOS는 직접적으로 XMLHttpRequest를 다루지 않고 “AJAX 호출”을 할 수 있습니다. 따라서 Axios를 사용해 프로젝트 내에 있는 JSON 파일에 저장되어 있는 itemList를 Store에 itemList에 저장시켜보겠습니다. ☞ 우선 알아둬야 할 점은, Vuex의 원리입니다. 아래 그림과 같이 vuex는 크게 State, Mutations, Actions로 구성이 가능합니다. 앞서 만들어봤듯이, state는 클래스의 멤버와 같은 역할이고, mutation은 메서드..
[VueJS] NuxtJS를 통해 VueJS 프로젝트 만들기 (feat. Typecript)
☞ NuxtJS를 이용해 VueJS 애플리케이션을 만들 수 있는 프로젝트 어떻게 생성할까? ☞ 먼저 NuxtJS가 무엇인지 살펴보면, Nuxt는 현대 웹 애플리케이션을 만들기 위해 Vue.js를 기반으로 하는 진보적인 프레임워크입니다. Nuxt는 Vue.js의 공식 라이브러리(vue, vue-router 및 vuex)와 강력한 개발 도구(webpack, Babel and PostCSS)를 기반으로 합니다. Nuxt의 목표는 뛰어난 개발자 경험과 함께 강력하고 뛰어난 웹 개발을 가능하도록 하는 것입니다. https://ko.nuxtjs.org/guide/ 소개 Nuxt는 현대 웹 애플리케이션을 만들기 위해 Vue.js를 기반으로 하는 진보적인 프레임워크입니다. Vue.js의 공식 라이브러리(vue, vue..