목차 서론 Firebase Project 생성하기 Firebase 설정 값 획득하기 PWA 라이브러리 설치/설정 하기 Service Worker 작성하기 Token으로 알림 발송해보기 다중 Token으로 다수에게 알림 발송해보기 서론 Nuxt.js 를 사용하여 Firebase에서 제공하는 Cloud messaging 이하 FCM 푸시 알림을 설정하는것은 정말이지 Amazing 하도록 간단합니다. Firebase 프로젝트 추가하고 설정하는게 더 귀찮은듯 합니다. PWA는 Progressive Web App 이라고 뭐 대충 그냥 역시 MDN 설명을 잘 해주는군요. Nuxt에는 PWA가 라이브러리로 존재하므로 이걸 이용해서 푸시알림을 구현해보도록 하겠습니다. 가장 많은 참고를 한 블로그는 Lee Youngwo..

이 글은 제가 GraphQL을 사용해보고자 며칠 간의 삽질 결과 내린 결론을 정리해보고자 하는 글입니다. GraphQL을 시작할 때 많이들 사용되는 Back-End 단 프레임워크로 Apollo와 Yoga 그리고 Prisma가 많이 언급됩니다. 오늘은 GraphQL에 대해서만 언급하고 Apollo와 Yoga 그리고 최종적으로 Prisma까지 언급해볼 예정입니다. 왜냐면 제가 Prisma를 사용하니까요... GraphQL? GraphQL은 API를 위한 쿼리 언어이며 이미 존재하는 데이터로 쿼리를 수행하기 위한 런타임입니다. GraphQL은 API에 있는 데이터에 대한 완벽하고 이해하기 쉬운 설명을 제공하고 클라이언트에게 필요한 것을 정확하게 요청할 수 있는 기능을 제공하며 시간이 지남에 따라 API를 쉽게..

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

다른 게시글을 작성하기 앞서 항상 겹칠 거 같아 Firebase를 생성하는 방법을 따로 기술해보고자 합니다. 여타 사이트나, 블로그, 책, 동영상에도 많이 기술되고 있겠지만 항상 자료는 새로 변하기 마련이죠... 작성일: 2019.11.10 브라우저 정보: Chrome 78.0.3904.87 게시글을 작성하는 기준점을 먼저 명확하게 작성하지 않으면, 많은 유저분들이 게시글 작성일자를 확인하지 않고, - 이거 이제 안되는데요? - 화면이 다른데요? - 캡쳐랑 다른데 도대체 어딜 누름? 등등의 말이 나오는 짬밥이생겨 박제 시켜놉니다. Firebase 페이지 접속 https://firebase.google.com/?hl=ko Firebase를 들어가면 시작하기 가 있는데 먼저누르거나, 로그인을 하고 눌러주거나..

mysql / mariadb 등 query에서 replace를 이용하여 특정 컬럼의 as로 치환된 값을 뱉어내게 할 수 있습니다. 다음을 보시죠 SELECT *, REPLACE(NAME, ' ', '') AS 'rename' FROM TABLES; 위 와같은 쿼리 구문을 작성시 TABLES라는 테이블의 전체 컬럼 + (name 컬럼을 치환한 rename 컬럼이 추가 표기됩니다.) 이러한 replace 쿼리 작성을 Django ORM에서도 작성이 가능한데 annotate를 활용하는 방법입니다. from django.views.generic import View from django.http import JsonResponse from django.db.models import F, Func, Value f..

필요한 준비물이 있습니다. 페이스북 페이지 액세스 토큰 만료시간을 없애러 오셨으니, 기본적으로 페이지 액세스 토큰 생성 방법은 아실 것 같네요. 필요한 준비물은 다음과 같은 2개의 사이트입니다. 페이스북에서 제공중인 기능들이며, Facebook은 React와 No API Server 구성을 위해 SQL도 NoSql도 아닌 GraphQL을 사용하는 방식을 채택합니다. Facebook GraphQL API Explorer 그래프 API 탐색기 - Facebook for Developers developers.facebook.com Facebook Access Token Debuger Facebook에 로그인 | Facebook 메뉴를 열려면 alt + / 키 조합을 누르세요 www.facebook.com 먼..