Apollo Graphql Client 모듈을 사용하던 중 다음과 같은 오류를 접하는 경우가 종종 있습니다. ObservableQuery with this id doesn't exist 위 오류는 React Hooks 또는 Vue/Nuxt의 @vue/apollo-composable이나, @nuxtjs/apollo 등의 apollo client를 사용하는 모든 모듈에서 제공되는 fetchMore 즉 페이지 네이션을 쉽게 하기 위한 graphql client의 기능을 사용하던 중 발생하는 오류입니다. 하지만 지금 말씀드린 내용은 어디서 발생하는지를 언급한 것이며, 원인은 이러한 이유 때문은 아닙니다. 즉 언제나 그렇듯 모듈이 문제가 아니라, 사람! 사용자가 문제라는 것이죠. Dirty Solution 다른 ..

Nuxt.js에서 JEST를 사용하다 보면 마주치는 오류중 하나로 template tag를 JEST에서 해석할 수 없어서 나타나는 증상 중 하나입니다. 대표적으로 nuxt-link 등의 nuxt만의 고유한 태그들에서 이러한 현상이 발생할 수 있습니다. Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. 이것을 해결하기 위해서는 JEST setup에서 mocking된 component.vue를 하나 생성해주어야 합니다. // test/__mocks__/clientOnlyMock.vue setup.js를 통해 생성한 컴포넌..

Nuxt.js에서 Generate를 사용하여 Product 환경에 배포하려고 할 때 발생되는 현상으로, 많은 사람들의 의견이 갈리는데 대체로 $nuxt에서 html 구조를 이상한태그를 추가하여 발생하는 오류라고 합니다. 때문에 번들링에서 생기는 오류로써 이를 해결하기 위해서는 gulp 같은 방식을 사용해야 하는데 따로 설치를 하지 않고도 처리를 진행할 수 있는 방법이 nuxt에서는 가능합니다. github.com/nuxt/nuxt.js/issues/5800#issuecomment-570110683 Failed to execute 'appendChild' on 'Node': This node type does not support this method. · Issue #5800 · nuxt/nuxt.js ..

목차 서론 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..