코드로 우주평화

제가 최근에 만든 서비스는 홈 화면에 사용자들의 이용 수 보여주고 있습니다.이처럼 사용자의 이용 수를 카운트하여 보여주고 흥미를 끄는 방식이 있는데요. 이런 카운트 기능을 어떻게 구현할까 고민하다 supabase의 RPC를 이용해 구현해 보았습니다. 이 글은 그 과정에 대해 설명하는 글입니다. 이 글을 끝까지 읽으면 꼭 카운터가 아니더라도 비슷한 상황에서 적절히 사용하실 수 있을 겁니다.  사용자가 버튼을 클릭하면 숫자를 올려줘처음에는 이 기능을 이용 중에 생성된 DB row의 수를 기준으로 숫자를 카운트했습니다. 하지만 이 row는 서비스를 끝까지 이용했을 때에만 생성되기 때문에 중간에 이탈한 사용자의 수는 숫자로 카운트되지 않았죠.. 그래서 버튼을 클릭하자마자 숫자가 올라가도록 수정했습니다. 먼저 ..

SvelteKit에서 GitHub로그인을 어떻게 구현할 수 있을까요? 이번 글에서는 SvelteKit에서 Supabase를 이용해 간단히 Github로그인을 구현해 보도록 하겠습니다. *SvelteKit: Svelte를 기반으로 한 풀스택 웹 프레임워크 Supabase 란? Supabase 는 Firebase의 대안으로 떠오르는 오픈소스 백엔드 서비스입니다. Supabase의 주요 기능으로는 PostgreSQL 기반의 데이터베이스, 소셜 인증 기능, 실시간 구독과 파일을 저장할 수 있는 스토리지 등이 있습니다. 저는 Supabase 의 소셜 인증 기능을 사용해 Github 로그인으로 구현해 보겠습니다. Supabase 프로젝트 생성 먼저 Supabase 홈페이지에 접속하여 프로젝트를 생성해 줍니다. 프로..

학습 목표 데이터를 Supabase로 저장할 수 있을까? 자장 후 다시 메인 페이지로 돌아갈 수 있을까? 측정요소 폼 데이터가 Supabase에 저장되면 성공이다. 저장 후 메인 페이지로 이동하면 성공이다. 레퍼런스 https://supabase.com/docs/reference/javascript/insert https://kit.svelte.dev/docs/modules#$app-navigation-goto 만들기 https://github.com/Daco2020/monthly-makers/commit/4b7791fc57b7011e128782b50e29270c3107a2d5 배우고 느낀 것 데이터 전송이 너무 빠르다.. 일부러 로딩 시간을 주면 프로젝트 등록하는 느낌을 유저에게 줄 수 있을 듯 등록 ..

학습 목표 - 월간 메이커스를 수파베이스와 연동할 수 있을까 - 깃헙 로그인을 구현할 수 있을까? 측정요소 - 스벨트킷에 수파베이스를 연동하여 데이터를 주고받는데 까지 동작하면 성공이다. - 깃헙 로그인, 로그아웃을 할 수 있다면 성공이다. 레퍼런스 - https://supabase.com/docs/guides/getting-started/quickstarts/sveltekit - https://youtu.be/1tsUB58KX2s 만들기 - https://github.com/Daco2020/monthly-makers/commit/a193f48e51dd24bf3912f49133a799daba82bbcb 학습한 것 - supabase 연동과 로그인 자체는 어렵지 않았다. (카카오 로그인도 있더라) - 깃헙..