Vue

[오늘은 무엇을 먹을까?] PWA 개발

안녕하세요🙈🙉 개발자 재민콩입니다. 이번글은 PWA로 개발하여 Google Play 앱 출시까지 하는 과정을 포스팅하려고 합니다. PWA란 Progressive Web Applications으로 반응형 웹앱으로 제작된 페이지를 네이티브 앱과 같이 보여주고 오프라인에서도 동작하고, 설치, 푸시 알림 등 기능들을 구현할 수 있고 빠른 로딩을 할 수 있는 장점이 있습니다. 또한 앱으로 빌드하여 Store에 출시도 가능합니다. PWA는 필수 조건이 있습니다. 1. manifest.json 2. service-worker.js 3. icon image 4. https PWA는 새로운 프레임워크나 프로그래밍 언어가 아니고, 위의 조건을 충족시키기만 하면 됩니다. PWABuilder에서 내가 개발한 사이트의 Mani..

[Vue] Axios Global 설정

안녕하세요🙏 개발자 재민콩입니다. JQuery에서는 비동기 데이터 통신을 위해 Ajax를 사용하듯이, Vue에서는 Axios를 사용합니다. Axios를 사용하면서 반복적으로 사용하거나 공통적으로 들어갈 내용들을 Global에서 설정할 수 있는 방법에 대해 알아보겠습니다. 1. main.js import Vue from 'vue'; import Axios from 'axios'; // Axios 설정 Vue.prototype.$axios = Axios; // Django CSRF 설정 Axios.defaults.xsrfCookieName = 'csrftoken'; Axios.defaults.xsrfHeaderName = 'X-CSRFToken'; // 로컬 localhost ip 입력 Axios.defau..