최근에, nuxt.js 를 이용하여 세팅하는 방법을 올린 적이 있는데 회사 내부적으로 최종적으로 Vue + Cordova + OnsenUI 를 이용하여 개발하기로 하였다. 실질적인 개발은 무리없이 진행되고 있었는데 Cordova Plugin 을 연동하는 부분에서 꽤나 애먹었다. (핸드폰에 저장되어있는 모든 사진을 웹상에 띄워줬어야 하는데 이부분에서 시간을 잡아먹었다...) 이부분을 해결 하였으니, 하이브리드 어플리케이션을 개발하는 다른사람들에게 도움이 되고자 세팅하는 법 부터 차근차근 정리해 보기로 했다. 일단, Vue, Cordova, OnsenUI 가 무엇인지 부터 간단하게 알아보자. 1. Vue.js https://vuejs.org/ Vue.js Vue.js - The Progressive Java..
앞어서, nuxt.js 기본 세팅 방법을 알아봤습니다. 어플리케이션을 만들기 위해서, 편한 길을 선택하려면 UI FrameWork도 같이 연동이 되어 있어야 겠지요 저는 Vuetify FrameWork를 선택 하였습니다. https://vuetifyjs.com/ko/ Vue Material Design 컴포넌트 프레임워크 — Vuetify.js vuetifyjs.com nxst에 vuetify를 적용시키기 위해, https://www.npmjs.com/package/@nuxtjs/vuetify @nuxtjs/vuetify Vuetify Module for Nuxt.js www.npmjs.com 이 친구를 사용해 보려고 합니다. nuxt 버전이 2.9.0 미만일 경우엔 위 링크를 참조하여 주세요. 1. s..
먼저, npm, node 등은 먼저 설치가 되어있어야 합니다. 1. sudo npm install -g @vue/cli-init 2. vue init nuxt-community/starter-template 3. cd nuxt_test -> npm install 4. npm run dev 서버를 가동시켜 줍니다. 3000번 포트로 열렸다고 하네요. 들어가게 되면, 이런 페이지가 뜨게 된다면 성공입니다. nuxt의 기본 세팅은 여기까지 입니다. 참고 사이트 : https://nuxtjs.org/ nuxtjs.org Nuxt.js official website nuxtjs.org
- Total
- Today
- Yesterday
- laravel passport
- 명일방주
- 성수 맛집
- 칠곡 카페
- Google App Script API
- CKEditor5 Image Upload
- Web Editor Image Uplaod
- hasura
- Google App Script
- 안성 공도 맛집
- Vue.js
- 개발일지
- PHP AWS S3
- 성안길 맛집
- laravel
- php
- 서울 맛집
- 안성 카페
- AWS
- S3
- next.js
- 안성 맛집
- GitAction
- 공도 맛집
- ckeditor
- webGPU
- ansible
- 성수동 맛집
- 원곡 카페
- CKEditor Image Upload
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |