본문 바로가기

Vue3

Pinia - Vuex 를 대체 할 수 있을까?? Pinia 는 Vue의 새로운 상태 관리 라이브러리입니다. Pinia 는 2019년 11월경 Composition API 를 사용하여 Store for Vue가 어떻게 생겼는지 재설계하기 위한 실험으로 시작되었습니다. 그 이후 초기 원칙은 동일하지만 Pinia 는 Vue2와 Vue3 모두에서 작동하며 Composition API 를 사용할 필요는 없습니다. VueConf Toronton 2021 에서 Vue의 창시자 Evan You가 상태 관리 플러그인으로 vuex가 아닌 Pinia를 추천 Pinia([piːnjʌ] 영어로 "peenya" 로 발음됨) 는 유효한 패키지 이름인 piña(스페인어로 파인애플) 에 가장 가까운 단어입니다. 파인애플은 실제로 여러개의 과일을 만들기 위해 결합된 개별 꽃의 그룹입.. 2022. 5. 16.
Vue에서 Moment.js 사용하기(vue-moment) 자바스크립트에서 날짜 또는 시간을 다루기 위해서는 기본적으로 Date 객체를 사용합니다. 이를보다 편리하고 간단하게 활용할수 있는 라이브러리에 대해 정리해 보고자 합니다. Moment.js는 Date 형식의 데이터 파싱,검증,조작 등을 간편하게 할수 있게 해주는 유용한 라이브러리이다. 이를 Vue에서 사용하기 쉽도록 수정 배포된 버전이 vue-moment 이다. 설치 npm install vue-moment Vue.use(require('vue-moment')) require를 사용하지 않는다면 import VueMoment from 'vue-moment' Vue.use(VueMoment) 사용 위과 같이 설치하고 나면 moment를 호출하여 사용할 수 있다. Vue.$moment 의 형태로 사용한다. .. 2021. 8. 27.
Vue 에서 Axios를 사용하여 서버통신 해보기 Axios 란? Axios는 HTTP 클라이언트 라이브러리 중 하나이다. 비동기 방식으로 HTTP 데이터 요청을 실행하고 또한 IE8 이상을 포함한 모든 최신 브라우저를 지원한다. Axios는 Promise를 기반의 자바스크립트 비동기 처리 방식을 사용합니다. 설치 보통 npm을 통해 설치를 진행합니다. npm install axios 이밖에도 yarn,bower,CDN 을 통해 설치도 가능합니다. // yarn yarn add axios // bower bower install axios // Using unpkg CDN 사용방법 Axios는 여러가지 별칭 method를 제공하고 있습니다. axios.get(url[, config]) axios.post(url[, data[, config]]) axio.. 2021. 8. 26.