반응형 nextjs3 SupaBase 사용해보기 With Nextjs 프론트에서 간단하게 사용할 수 있는 오픈소스 백엔드 서비스인 Supabase 를 사용해보려고 합니다. Supabase는 데이터베이스 ,클라우드, 호스팅, 스토리지, 인증, 실시간 데이터 기능 등 많은 기능을 제공하고 무료 가격도 널널한 편이기 때문에 사이드 프로제긑로 사용하기 적합다고 생각했습니다. SupaBase 이전에는 Firebase를 주로 사용했는데 SupaBase는 관계형 데이터 베이스이고 Firebase는 noSql의 차이점이 있습니다. Firebase 의 큰 단점이 비용과 복잡한 쿼리 처리에 제한이 있었습니다. 가장 큰 것이 비용인데 Firebase는 읽기/쓰기/삭제 비용으로 부담하지만 supabase는 저장된 데이터의 양에 따라 부과하고 속도도 supabase가 훨씬 빠릅니다 위 장단점 나.. 2024. 4. 14. storybook 7.0.26 부터 next.js의 NextImage 지원 기존에는 Next.js에서 storybook사용시 NextImage적용된 컴포넌트를 스토리북에서 띄울려면 아래와 같은 작업을 해야만했습니다 import * as NextImage from 'next/image'; const OriginalNextImage = NextImage.default; Object.defineProperty(NextImage, 'default', { configurable: true, value: (props) => ( ), }); 이제 storybook 7.0.26 부터 위 Object.defineProperty 코드를 넣을 시 중복 default가 있다고 하면서 오류를 낼 것입니다. 기본적으로 storybook에 포함되어 있기 때문에 이제 위 코드는 지워주셔야 합니다. 앞으로 .. 2023. 7. 7. 프론트엔드 프레임워크 선택의 중요성: 왜 React와 Nexjs를 배워야 하는가? 현대 웹 개발에서 프론트엔드 프레임워크는 매우 중요한 역할을 웹 애플리케이션의 구축과 유지보수에 필수적인 도구로 사용됩니다. 현재에는 다양한 프론트엔드 프레임워크(React, Vue ,Svelte)들이 존재하며, 개발자들은 어떤 프레임워크를 공부해야할지 고민할 때가 많습니다. 그 중에서도 React와 Next.js는 주목할 만한 프레임워크로, 이 두 가지를 배워야하는 이유에 대해 알아보겠습니다. React란? React는 가장 인기 있는 프론트엔드 프레임워크 중 하나입니다. 많은 개발자들이 React를 선택하는 이유는 그 유연성과 성능 때문입니다. React는 컴포넌트 기반 아키텍처를 사용하여 모듈화된 개발을 가능하게 하며, 재사용 가능한 UI 요소를 구축할 수 있습니다. 또한, Virtual DOM을 .. 2023. 6. 18. 이전 1 다음 반응형
