Programming (35) 썸네일형 리스트형 Next.js Static Rendering(정적 렌더링)과 Dynamic Rendering(동적 렌더링) Next.js 13 이상에서는 App Router를 도입하며 정적 렌더링(Static Rendering)과 동적 렌더링(Dynamic Rendering)을 보다 유연하고 선언적으로 사용할 수 있게 되었습니다. 아래는 App Router에서 각각의 렌더링 방식을 구현하는 예시입니다.1. Static Rendering (정적 렌더링)정적 렌더링은 빌드 시점에 페이지를 생성하여 클라이언트 요청 시 미리 준비된 HTML을 제공하는 방식입니다. App Router에서 정적 렌더링은 기본 설정이며, 데이터를 가져오지 않거나 fetch를 사용하여 빌드 타임에 데이터를 가져옵니다.구현 예시async function fetchPost(id) { const res = await fetch(`https://api.exam.. Bun.js란? Node.js와의 차이점 Bun.js vs Node.js: 차이점과 선택 기준JavaScript와 TypeScript 기반의 서버 사이드 개발에서 Node.js는 오랫동안 널리 사용되어 온 플랫폼입니다. 하지만 최근 Bun.js라는 새로운 런타임이 등장하면서 많은 개발자들이 주목하고 있습니다. 두 런타임은 각기 다른 철학과 기능을 가지고 있으며, 성능과 개발 경험 측면에서도 차이를 보입니다. 이 글에서는 Bun.js와 Node.js를 비교하고, 각각의 장단점 및 선택 기준에 대해 설명하겠습니다.1. Node.js란 무엇인가?Node.js는 2009년에 Ryan Dahl에 의해 개발된 Chrome V8 JavaScript 엔진 기반의 JavaScript 런타임입니다. 이를 통해 JavaScript는 브라우저 외에서도 실행될 수 있.. Flutter / Supabse를 활용한 리얼타임 데이터 (web socket) Flutter와 Supabase를 활용한 리얼타임 데이터 기능 구현은, 애플리케이션에 실시간 업데이트를 쉽게 추가할 수 있는 방법 중 하나입니다. Supabase는 Firebase와 유사한 오픈소스 백엔드 서비스로, 실시간 데이터베이스 기능을 지원합니다. 이 블로그 글에서는 Flutter와 Supabase를 연동하여 실시간 데이터 업데이트를 처리하는 방법을 설명하겠습니다.### 1. Supabase 프로젝트 설정우선, Supabase에서 프로젝트를 설정해야 합니다.1. [Supabase](https://supabase.io) 웹사이트에 접속하여 로그인 후 프로젝트를 생성합니다.2. 프로젝트가 생성되면 **API URL**과 **Anon Key**를 복사해 둡니다. 이 정보는 Flutter 애플리케이션에서.. Flutter와 Supabase Flutter와 Supabase를 연동하는 방법에 대해 안내해드리겠습니다. Supabase는 PostgreSQL을 기반으로 한 오픈 소스 Firebase 대안입니다. Flutter는 모바일, 웹, 데스크톱 애플리케이션을 개발할 수 있는 프레임워크입니다. 두 기술을 결합하여 애플리케이션의 백엔드를 구현할 수 있습니다.1. Flutter 프로젝트 설정먼저, Flutter 프로젝트를 생성합니다. 이미 프로젝트가 있다면 이 단계를 건너뛰셔도 됩니다.flutter create my_supabase_appcd my_supabase_app2. Dependencies 추가pubspec.yaml 파일에 Supabase 패키지를 추가합니다.dependencies: flutter: sdk: flutter supa.. Supabase: Firebase의 대안 Supabase: Firebase의 오픈 소스 대안최근 몇 년간 클라우드 기반 백엔드 서비스의 인기가 급증하면서 개발자들은 다양한 선택지를 마주하게 되었습니다. 그 중에서도 Firebase는 기능성과 사용 편의성 덕분에 많은 사랑을 받았지만, 오픈 소스 커뮤니티에서는 더 많은 자유도와 투명성을 제공하는 대안을 찾는 움직임이 있었습니다. 그 결과로 탄생한 것이 바로 Supabase입니다.Supabase란 무엇인가?Supabase는 Firebase의 오픈 소스 대안으로, Postgres 데이터베이스를 기반으로 한 백엔드 서비스입니다. 주요 기능으로는 실시간 데이터베이스, 인증, 스토리지, 그리고 서버리스 함수 등을 제공합니다. Supabase의 목표는 Firebase와 유사한 개발자 경험을 제공하면서도, 오.. Flutter 인기 라이브러리 - Hive 데이터베이스 Flutter Hive는 Flutter 앱에서 로컬 데이터베이스를 관리하기 위한 빠르고 간편한 방법을 제공하는 패키지입니다. Hive는 데이터를 키-값 쌍으로 저장하고 검색할 수 있는 가벼운 데이터베이스로, Flutter 애플리케이션의 로컬 상태를 유지하거나 오프라인 모드에서 작동하는 애플리케이션을 개발하는 데 사용됩니다.Hive는 빠른 성능과 간편한 사용을 제공하기 위해 고안되었습니다. 그것은 단순한 API와 직렬화 라이브러리를 통해 데이터를 저장하고 검색할 수 있습니다. 또한 빠른 데이터 읽기와 쓰기를 지원하며, 앱이 메모리나 디스크에 대규모 데이터를 저장할 때도 높은 성능을 유지합니다.Hive는 오프라인 데이터 저장, 사용자 설정, 캐시 등 다양한 용도로 사용될 수 있습니다. 또한 Flutter의 .. [Flutter] Provider로 상태관리 Flutter Provider란 무엇인가요? Flutter Provider는 상태 관리를 위한 라이브러리로서, 특히 Flutter 애플리케이션의 복잡한 상태 관리를 단순하게 만들어줍니다. 이 패키지를 사용하면 위젯 트리 전체에 걸쳐서 데이터를 전달할 필요 없이 필요한 곳에서 데이터에 접근할 수 있습니다. Provider의 핵심 개념 ChangeNotifier: Provider 패키지의 핵심 클래스 중 하나입니다. 이 클래스를 상속하면 상태 변경을 알릴 수 있습니다. 즉, 데이터가 변경될 때 UI를 업데이트할 수 있습니다. Provider: 데이터를 제공하는 클래스입니다. Provider를 사용하여 데이터를 생성하고, 필요한 위젯에서 데이터에 접근할 수 있습니다. Consumer: Provider 패키지에.. Dart / Flutter 에러 핸들링 예외(exception) 예외는 예상하지 못한 일이 발생했다는 것을 의미하는 에러입니다. 예외가 캐치되지 않았다면, 예외를 발생시키는 isolate가 지연된 상태이고 보통 해당 isolate나 프로그램이 종료됩니다. Dart는 미리 정의된 다양한 서브타입과 함께 Exception과 Error 타입을 제공합니다. 원하는 예외를 정의하는 것도 가능합니다. 그러나 Dart 프로그램은 Exception이나 Error 객체 이외에도 모든 non-null 객체를 예외로 발생할 수 있습니다. throw 예외를 throwing 또는 raising합니다. throw FormatException('Expected at least 1 section'); // 임의의 객체도 throw 할 수 있습니다. throw 'Out o.. 이전 1 2 3 4 5 다음
