목차 서론 Promise를 반환하는 함수 Callback을 반환하는 함수 Graphql로 SSR Generate 하기 서론 오버맵 오버맵 오버워치 워크샵 코드, 옵치 유즈맵 코드를 등록하고 공유하며, 워크샵 제작자들의 다양한 모드를 바로 이용해보세요! overmap.me 오버맵이 어느순간부터 검색노출에서 사라지고 있길래 이게 무슨일인가 싶어 확인해보니... 동적페이지들이 노출이 사라지고 있었습니다. Nuxt generate가 해줄거라고 믿어 의심치 않았지만... Parameter가 동적인데 어떻게하지 하고서 무시햇엇는데 ... 스크롤을 내려보니 더있었군요... Promise를 반환하는 함수 const axios = require('axios') module.exports = { generate: { ro..

OVERMAP version 2를 Nuxt를 사용하여 개발을 진행중이었으며... wysiwyg(위지시그, 에디터)가 필요하여 NHN의 국뽕에 취해버린 TOAST UI를 써보고자 하였더니, nuxt용으로 누가 이미 개발했다... 기승전 한국인 README를 잘 보면 Production에선 사용하지 말라고하지만 하지말라면 더 하고싶어지는게 인간미죠 어쩔 수 없이 vue용을 설치하고자 했는데... npm ERR! code 128 npm ERR! Command failed: git clone --mirror -q git://github.com/adobe-webplatform/eve.git /root/.npm/_cacache/tmp/git-clone-da584994/.git npm ERR! fatal: could..

저는 근래 들어 웹 개발에서 백엔드를 최대한 안쓰는 방향을 주제로 개발을 하는데 현재 제작중인 작품이나, 다음 오버맵 리뉴얼을 위해 소셜로그인이 필요했는데 DB서버도 API Server도 갖지 않은 채 로그인을 유지하고 이를 인증할 방법을 찾다가 역시나 Firebase를 선택하게 되었네요. 가장 큰 메리트는 전화 인증을 제외한 타 인증 서비스의 경우 무료로 제공해주고 있습니다. Google Firebase에 제공해주는 Oauth(소셜 로그인)서비스에는 일단 구글 자사 서비스이므로, 당연히 Google Login을 지원해주고 Play게임도 자사 서비스.. 그 밖에는 대형 사이트로 Facebook, Twitter, Github, Yahoo, Microsoft 등이 있습니다. 솔직히 Google Faceboo..

Nuxt JS에서 Fontawesome을 사용할 때 붙이는 방법은 다양하게 존재합니다. 저는 Plugin으로 만들어서 사용하는데 보통 새로운걸 만들때 초기 환경 셋팅시에만 작성하니 번번히 까먹어서 결국 블로그에 포스팅하게 되었네요. 먼저 설치를 위해 사용환경 서버 및 클라이언트에는 NPM이 설치되어 있어야합니다. yarn을 사용하시는분들도 있는데 저는 yarn을 안써봐서... 명령어는 npm이 yarn으로만 바뀌는걸로 알고 있어요! npm이 준비되었다면, 다음과 같이 fortawesome에 fontawesome-free를 설치합니다. npm i --save @fortawesome/fontawesome-free 설치가 끝나면 nuxt.js 프로젝트내 plugins 폴더에 파일을 새로만들어줍니다. # plu..

Dev모드로 Nuxt 또는 Vue를 사용하다 보면 무한 한 새로고침이 나타나는 현상이 있습니다. 이러한 현상은 보여주어야할 데이터와 현재 뷰 되고 있는 페이지가 다르다는 것을 파악하여 Vue의 입장에서 계속해서 현재 코드상의 내용을 보여주기 위해 새로고침을 시키는데, 이때 캐싱 찌그러기가 남아있으면 무한한 새로고침 현상이 나타나기 시작합니다. 저의 경우 CloudFlare서비스를 이용중이었기 때문에 무한한 현상이 나타났고 이를 해결하기 위해 무려 2시간이나 삽질했네요...