Flutter는 매우 강력한 프레임워크이며, 수많은 라이브러리와 패키지를 제공합니다. 이번에는 Flutter에서 가장 많이 사용되는 추천 라이브러리 몇 가지를 소개하겠습니다. 1. Provider Provider는 Flutter에서 가장 많이 사용되는 상태 관리 라이브러리 중 하나입니다. 이 라이브러리는 setState 없이도 상태를 관리하고 컴포넌트 간의 데이터 전달을 쉽게 할 수 있습니다. 또한, Provider는 의존성 주입을 지원하므로, 애플리케이션의 규모가 커질수록 관리하기 쉬워집니다. 2. Get Get은 Flutter에서 상태 관리와 라우팅을 보다 간단하고 쉽게 할 수 있도록 도와주는 라이브러리입니다. Get은 setState 없이도 상태를 관리하고, 효율적인 라우팅 시스템을 제공하여, 복잡..
2023. 02. 16 Next.js는 React 기반의 서버사이드 렌더링 프레임워크입니다. 이를 통해 React를 사용한 웹 어플리케이션을 개발할 때 SEO(Search Engine Optimization) 최적화, 초기 로딩 속도 개선 등의 이점을 얻을 수 있습니다. 이번에는 Next.js에서 많이 사용되는 Link 컴포넌트에 대해 알아보도록 하겠습니다. Link 컴포넌트란? Link 컴포넌트는 Next.js에서 제공하는 내장 컴포넌트로, 페이지 간의 이동을 가능하게 해주는 역할을 합니다. 일반적인 태그와 달리 페이지 이동 시, 브라우저가 새로운 페이지를 서버로부터 다시 불러오지 않고, Next.js가 제공하는 클라이언트 사이드 라우팅 방식으로 페이지 이동이 가능합니다. Link 컴포넌트의 사용법 L..
23.02.16 next js 공부 Shallow Routing Next.js에서 제공하는 Shallow Routing은 클라이언트 측에서 브라우저의 주소 표시줄의 URL을 변경하는 것으로, 새로운 페이지를 가져오지 않고 현재 페이지에서 데이터를 가져오는 기능을 제공합니다. 이를 통해 페이지 이동 시에도 페이지의 초기 데이터를 유지할 수 있으며, 불필요한 서버 요청을 줄일 수 있습니다. Shallow Routing은 next/router 모듈의 push, replace, back, reload 메서드에서 사용할 수 있으며, 다음과 같이 사용할 수 있습니다. import { useRouter } from 'next/router'; function MyComponent() { const router = us..
23.02.15 공부 정리 Nextjs 로 구현가능한 종류 (Data Fetching) Next.js는 React 기반의 프레임워크로, SSR(Server Side Rendering), SSG(Static Site Generation), CSR(Client Side Rendering) 등의 다양한 페이지 렌더링 방식을 지원합니다. 이번에는 각각의 방식에 대해 알아보도록 하겠습니다. SSR (Server Side Rendering) SSR은 서버에서 HTML을 생성하는 방식입니다. 클라이언트가 페이지를 요청하면, 서버에서 해당 페이지의 HTML을 미리 렌더링하여 클라이언트에 전달합니다. 이를 통해 초기 로딩 속도를 개선하고 SEO(Search Engine Optimization)를 최적화할 수 있습니다. ..
출처 : https://pub.dev/packages/drift drift | Dart Package Drift is a reactive library to store relational data in Dart and Flutter applications. pub.dev [라이브러리] Drift flutter 에서 sqlite를 ORM 으로 작성하게 해주는 라이브러리 설치 flutter pub add drift flutter pub add sqlite3_flutter_libs flutter pub add path_provider flutter pub add path flutter pub add --dev drift_dev flutter pub add --dev build_runner Todo table ..
[라이브러리] Freezed
출처 : https://pub.dev/packages/freezed freezed | Dart Package Code generation for immutable classes that has a simple syntax/API without compromising on the features. pub.dev [라이브러리] Freezed Flutter 의 모델을 편하게 만들어주는 라이브러리. (모델을 생성하고 반복적으로 작업해야하는 작업들이 한번에 처리되는 편의 기능 제공 ) # 설치 flutter pub add freezed_annotation flutter pub add --dev build_runner flutter pub add --dev freezed # json_annotaion 까지 사용할 ..