앞어서, 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
폰갭에서 FCM은 플러그인을 사용하여 연동해야 한다. 주구장창 Firebase 문서를 봐도 폰갭에 연동할 수 있는 방법은 잘 나오지 않는다. 일단 이 글은 Android를 기준으로 한다. 먼저, cmd 혹은 terminal 창에서 PhoneGap 프로젝트의 root로 이동한다. 시작하기 전에, npm 등을 이용하여 cordova 명령어를 터미널 창에서 사용 할 수 있어야 한다. FCM을 연동하기 전에, 폰갭 컴파일을 컴퓨터에 연결된 모바일 device에서 컴파일 할 수 있게 (실제 안드로이드 프로그래밍 할 때 처럼) 환경을 구축해 주는 것이 좋기 때문에 해당 내용을 먼저 설명 한다. cordova --force platform rm b rowser cordova --force platform add br..
동영상을 업로드 하다보니, 썸네일을 추출하여 적용해야 하는 일이 생겼다.서버단을 PHP, Laravel framework를 사용하다 보니, 해당 위주로 검색 해 보았는데Laravel-ffmpeg, PHP ffmpeg 등등의 오픈 API등이 있었지만 두가지 다 설명이 친절하지 않고, 적용하기도 까다로웠다. 일단, 해당 API를 사용하던 하드 코딩을 하든 FFMPEG 라는 프로그램이 설치가 되어 있어야 가능 하기 때문에 해당 프로그램을 먼저 다운 받자. 윈도우의 경우에는https://www.ffmpeg.org/download.html에서 다운로드 할 수 있다. 우분투의 경우에는 집에 메모를 해 놨는데 집에서 수정하여 업로드 하도록 하겠다. 다운로드 한 후에 소스 코드 작성은 다음과 같이 작성하면 된다. $r..
금일 이메일 발송 서버를 개발하다가, 이전에 자주 해 봤음에도 불구하고 2년 조금 넘었다고 많이 헤매는 일이 발생 하였다. 그래서 정말 필요하지만 생각보다 자주 사용하지 않는 코드들을 정리를 해 보려고 한다. 처음으로는 한글때문에 많이 헤맸던 dompdf이다. dompdf는 HTML file 혹은 source code를 PDF 파일로 변경하여 저장 할 수 있게 해 준다. 현재 버전은 0.8 버전 까지 나온 것 같다. git repository는 아래이다. https://github.com/dompdf/dompdf dompdf/dompdf HTML to PDF converter (PHP5). Contribute to dompdf/dompdf development by creating an account o..
