케빈의 기술블로그

Supabase는 개발자들이 빠르고 효율적으로 웹 및 모바일 애플리케이션을 구축할 수 있도록 돕는 오픈소스 백엔드 서비스입니다. Firebase의 대안으로 자주 언급되는 Supabase는 PostgreSQL 데이터베이스를 기반으로 하여 강력한 기능들을 제공합니다.Supabase의 주요 기능데이터베이스: PostgreSQL 기반의 관계형 데이터베이스를 제공합니다.인증: 사용자 관리 및 다양한 인증 방식을 지원합니다.실시간 기능: 실시간 데이터 동기화를 가능하게 합니다.스토리지: 파일 업로드 및 관리 기능을 제공합니다.API: RESTful API와 GraphQL을 자동으로 생성합니다.Edge Functions: 서버리스 함수를 실행할 수 있습니다.다른 서비스와의 비교Supabase vs Firebase특징..

VS Code에서 TypeScript와 Next.js를 함께 사용하기 위한 환경을 설정하는 방법을 단계별로 알아보겠습니다. 🚀1. Next.js 프로젝트 생성먼저, 터미널에서 다음 명령어를 실행하여 TypeScript를 사용하는 Next.js 프로젝트를 생성합니다:npx create-next-app@latest my-nextjs-app --typescript프로젝트 생성 중 나타나는 질문들에 적절히 답변해주세요.2. VS Code 설정생성된 프로젝트 폴더를 VS Code로 엽니다:cd my-nextjs-appcode .VS Code에서 다음 확장 프로그램들을 설치합니다:ESLintPrettier - Code formatterTypeScript TSLint Plugin3. TypeScript 설정tsco..

안녕하세요, 디자이너 여러분! 오늘은 Figma에서 사용할 수 있는 아주 유용한 플러그인, 'Google Sheets Sync'에 대해 알아보겠습니다. 이 플러그인을 사용하면 구글 스프레드시트의 데이터를 Figma 디자인에 쉽게 연동할 수 있어요. 특히 대량의 데이터를 다룰 때 정말 큰 도움이 됩니다!1. 플러그인 설치하기먼저, Figma에서 Google Sheets Sync 플러그인을 설치해야 합니다.Figma 커뮤니티에서 'Google Sheets Sync'를 검색합니다.플러그인을 찾으면 'Install' 버튼을 클릭하세요.💡 개인적인 의견: 이 플러그인은 정말 게임 체인저예요! 특히 여러 페이지의 프로토타입을 만들 때 시간을 엄청나게 절약할 수 있습니다.2. 구글 스프레드시트 준비하기이제 Figm..