Vue.js30 [Vue.js] 07. use Vuetify 지난시간 까지는 vue.js를 사용해서 프로젝트를 만들고, SPA(Single Page Application)를 위한 SFC(Single File Components)에 대해서 알아보았습니다. 그 후에는 API를 통해서 데이터를 받아오기위한 axios의 설치 및 사용에 대해서도 살펴보았죠. 이제는 가져온 데이터에 대해서 화면에 렌더링하는 방법에 대해서 알아보고자 합니다. 물론 자신이 디자인이나 UI에 대해서 해박한 능력을 가지고 있다면 음... 크게 신경쓸 필요가 있을까 싶지만... 저와 같이 이런 분야에 대해서는 0%의 능력을 가지고 있다면 관심을 가져볼만한 주제입니다. UI에 대해서는 별도로 Framework을 제공하는 곳이 많은데, vue.js사용자들이 많이 사용하는 몇가지를 알아보고 이번 프로젝트.. 2021. 2. 9. [Vue.js] 06. use axios 흔히 어플리케이션을 개발하다보면, 대부분이 자체적으로 가지고 있는 서버(Backend system)로부터 데이터를 가져와서 정보를 제공하는 부분이 있고... 타 서버(전자정부 system 등)로부터 데이터를 가져오는 부분도 있을 것 입니다. 따라서, 이러한 정보를 가져다가 viewing해주는 화면(Frontend system)에서는 이를 효과적으로 수행할 수 있는 도구가 필요하게 됩니다. javascript진영에서는 최근 각광을 받고있는 axios plusin을 vue.js에서는 중심적으로 사용합니다. 이 axios는 promise기반의 비동기처리하는 방식을 사용합니다. 여기서... promise가 무엇인지 궁금하니 간단하게 알아보도록 하겠습니다. 0. promise promise는 javascript에.. 2021. 2. 8. [Vue.js][Error] packages are looking for funding Vue를 설치하다가 packages are looking for funding 라는 메시지가 뜨면서 npm install이 설치하는 문제가 발생할 경우가 있습니다. npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\AyoteraLab\package .json' npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\AyoteraLab\package.js on' npm WARN AyoteraLab No descri.. 2021. 2. 3. [Spring Boot] 25. vue project와 springboot project 결합 이번에는 Backend의 프로젝트와 Frontend의 프로젝트를 하나의 프로젝트에서 관리하고자 합니다. 이 말은 여러가지 뜻을 내포하고 있습니다. 보통 Backend와 Frontend는 각기 다른 서버에 구성이 됩니다. 이를테면... Web서버 / WAS서버를 구지 나누듯이 말입니다. Web : 기존에 알아본 Frontend Framework인 Vue, React, Angular, JQuery 등과 같이 사용자 view를 위한 프로젝트로 별도 web application server를 통해서 구동합니다. WAS : spring과 같이 전문... REST, SOAP 기타 등등 Backend를 통해 데이터를 접근하여 제공하기 위한 프로젝트로 역시나 web application server를 통해서 구동합니다.. 2020. 3. 29. 이전 1 ··· 4 5 6 7 8 다음
