Nuxt.js에서 Google 소셜 로그인을 연동하는법은 여러 가지 방법이 있습니다. 물론 라이브러리를 까보면 실상 크게 2가지로 제한되기도 하죠 Firebase를 이용한 Google 로그인 Google Oauth2.0 API를 이용한 로그인 지난번에 Firebase를 이용한 로그인을 작성한적이 있는데 이 방법은 Firebase 라이브러리 자체가 용량이 방대합니다. 무려 18MB.... 이런 18... Nuxtjs니 Nuxtjs Firebase 모듈을 설치하면 쌉가능하겠지 했지만 경기도 오산이었죠 Nuxtjs/Firebase도 firebase를 필요로합니다... 그래서 이번에는 Google Oauth 2.0을 @nuxtjs/auth를 이용하여 설치하는 방법을 진행해보고자 합니다. @nuxtjs/auth는..

https://overmap.me 오버워치 워크샵 커뮤니티 오버워치 워크샵, 유즈맵 코드를 등록하고 공유하며, 다양한 워크샵을 바로 이용하고 공유해보세요! overmap.me 오버맵(overmap) 4.0.2 버전으로 업데이트 되었습니다. 4.0.1에서 로그인오류를 수정하였지만, 여전히 로그인이 되지 않는 오류가 발생하여 4.0.2 버전으로 점핑 되었습니다. 로그인 오류 수정 구글 로그인이 진행되지 않는 오류가 수정되었습니다. 구글 로그인이 진행되지 않아 워크샵 게시글을 등록할 수 없던 오류가 수정되었습니다. 로그인 방식 변경 기존 구글 로그인의 경우는 팝업창이 나타나는 방식을 사용해왔는데, 팝업이 출력되는 속도가 굉장히 느려 이를 개선하고 페이지 이동 방식으로 변경되었습니다. 새 글 작성 새 글 작성시..

nuxt extractcss ignoreorder PostCSS Loader has been initialized using an options object that does not match the API schema nuxt에서 extractcss 관련한 오류가 발생하였는데, vuetify에서 생긴 문제로 보입니다. 많은 자료 조사 결과 다양한 해결책을 제시했는데 extractCss: true를 ignororder를 추가 (이미 설정됨) node-sass를 설치 (안됨) sass-loader를 설치 (안됨) sass를 설치 (이미 설치됨) 위 패키지들을 특정 종속성으로 맞추어줌 (안됨) nuxt 2.15.3으로 강제 설치 (콘솔로그는 사라졌으나 웹상에서는 여전히 오류 발생) postcss-loader..

https://overmap.me 오버워치 워크샵 커뮤니티 오버워치 워크샵, 유즈맵 코드를 등록하고 공유하며, 다양한 워크샵을 바로 이용하고 공유해보세요! overmap.me 오버워치 워크샵 커뮤니티로 서비스중인 '오버맵'이 4.0.0 버전 업데이트 되었습니다. ■ 오류 및 수정/변경사항 전반적인 디자인 수정 워크샵 등록후 새로고침시 메인페이지에 표기되지 않던 현상 수정 서버 제공 클라우드 이전 일부 기능 표기 제외 ■ 개선 예정 메인페이지 워크샵 조회 방식 개선 (최신) -> (최신, 코드 복사, 조회) PWA 웹앱 서비스 지원 (Android/Window 오프라인 클라이언트 앱) 오버워치2 정보 제공 커뮤니티 이벤트 최신 정보 제공

https://stackoverflow.com/questions/63246744/nuxt-2-14-0-hot-reload-is-slow Nuxt 2.14.0 hot-reload is slow I want to know if it is normal that nuxt takes 2 or 3 seconds to make the hot reload changes? For example with Gatsby the Hot Reloads are instantaneous. I missed something ? here is my nuxt build c... stackoverflow.com Nuxt.js 2.14.+ 사용 중이었는데, 개인 개발 컴은 사양이 어마 무시해서 그런지 엄청 빠른데 업무용 노트북이 비정상적으로..

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 다른 ..